Code hiển thị hình ảnh, video, nhạc, link... trong comment

Hướng dẫn chèn code để hiển thị hình ảnh, video clip từ Youtube video clip, nhaccuatui, liên kết website trong khung nhận xét. 
Tiến hành các bước như sau:

Bước 1: Vào Design (Thiết kế) --> Edit HTML (Chỉnh sửa HTML) --> Expand Widget Templates (Mở rộng mẫu tiện ích).

Bước 2: Sử dụng tổ hợp phím Ctrol + F để khung tìm kiếm trong HTML hiện lên.

Bước 3: Gõ nhóm ký tự </body> vào ô tìm kiếm.  (Nó sẽ xuất hiện trong HTML như hình minh họa):

Coppy toàn bộ đoạn code dưới đây và dán vào trước thẻ </body>: 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

function replaceText(){if(!document.getElementById){return;}

bodyText = document.getElementById("comment-holder");

theText = bodyText.innerHTML;

theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");

theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");

theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");

theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' src='");

theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");

theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");

theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");

theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");

theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");

theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-260px;width:300px;height:400px' src='http://www.nhaccuatui.com/l/");

theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-360px;width:300px;height:400px' src='http://www.nhaccuatui.com/m/");

theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");

bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

Bước 4: 

Bấm ô "Lưu Template" là OK.

Sau khi đã cài xong code cho việc hiển thị chèn ảnh, video, nhạc, đường link.... trong khung comment. Để thuận tiện cho khách thao tác ta chèn thêm đoạn code sau:

Đăng nhập --> Thiết kế --> Cài đặt --> Bài đăng và nhận xét --> Thư thông báo mẫu nhận xét --> Lúc này ta nhìn thấy ô "Thêm" màu xanh xuất hiện. Đưa chuột và ta thấy xuất hiện một hộp thoại: coppy toàn bộ đoạn code (màu xanh) sau đây và dán vào khung hộp thoại đó:

Dùng mã code dưới đây để chèn nguồn từ bên ngoài vào comment:

Link :           &lt;a href=&quot;<i><b>Link URL&quot;&gt;CLICK HERE</b></i> &lt;/a&gt;

Hình ảnh :         [img]<i><b>Link hình ảnh URL</b></i>[/img]

Youtube clip :    [youtube]<i><b>Link video từ yotube</b></i>[/youtube]

Nhaccuatui :    [nct]<i><b>Link nhạc từ Nhaccuatui</b></i>[/nct]

Tuỳ theo sở thích có thể thay đổi đoạn chữ này "Dùng mã code dưới đây để chèn nguồn từ bên ngoài vào comment:" này theo ý thích, hoặc thêm thông tin khác như một số bạn bè là: "Vui lòng không chèn video hay nhạc ở chế độ autoplay" chẳng hạn.

Sau cùng bấm "Lưu cài đặt" là OK. 

Chúc mọi người cái đặt thành công!