Đưa biểu tượng cảm xúc vào nhận xét

Dưới đây là hướng dẫn để đưa biểu tượng cảm xúc vào khung nhận xét trong Blogspot.
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 == "item"'> <script type='text/javascript'> //<![CDATA[ function replaceText(){if(!document.getElementById){return;} bodyText = document.getElementById("comment-holder"); theText = bodyText.innerHTML; theText = theText.replace(/\;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>"); theText = theText.replace(/:bh/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif'/>"); theText = theText.replace(/:-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>"); theText = theText.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>"); theText = theText.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>"); theText = theText.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>"); theText = theText.replace(/:-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>"); theText = theText.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>"); theText = theText.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>"); theText = theText.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>"); theText = theText.replace(/:-d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>"); theText = theText.replace(/w-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>"); theText = theText.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>"); theText = theText.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>"); theText = theText.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>"); theText = theText.replace(/:\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>"); theText = theText.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>"); theText = theText.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>"); theText = theText.replace(/:-o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>"); theText = theText.replace(/\@x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>"); theText = theText.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>"); theText = theText.replace(/=\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>"); theText = theText.replace(/o\%/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>"); theText = theText.replace(/i-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>"); theText = theText.replace(/\[\-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>"); theText = theText.replace(/:-\?/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>"); theText = theText.replace(/:-ss/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/>"); theText = theText.replace(/@-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>"); theText = theText.replace(/:-l/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>"); theText = theText.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>"); theText = theText.replace(/:-j/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif'/>"); theText = theText.replace(/:\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>"); theText = theText.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>"); theText = theText.replace(/:-h/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>"); theText = theText.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>"); theText = theText.replace(/:8\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/>"); theText = theText.replace(/:b\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>"); theText = theText.replace(/:-s/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>"); theText = theText.replace(/:-r/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif'/>"); theText = theText.replace(/:O\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif'/>"); theText = theText.replace(/:m\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>"); bodyText.innerHTML = theText; }replaceText(); //]]> </script> </b:if>

Nếu blog của bạn chưa cài đặt thêm phần chèn video, nhaccuatui, hình ảnh, liên kết khác... thì coppy toàn bộ đoạn code dưới đây thay cho đoạn code ở trên. 

Code gộp chung hoàn chình cho việc chèn biểu tượng cảm xúc và chèn link, video,  hình ảnh, nhaccuatui vào khung comment:

<b:if cond='data:blog.pageType == "item"'> <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(/&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> "); theText = theText.replace(/\;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>"); theText = theText.replace(/:bh/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif'/>"); theText = theText.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>"); theText = theText.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>"); theText = theText.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>"); theText = theText.replace(/:-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>"); theText = theText.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>"); theText = theText.replace(/:-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>"); theText = theText.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>"); theText = theText.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>"); theText = theText.replace(/:-d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>"); theText = theText.replace(/w-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>"); theText = theText.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>"); theText = theText.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>"); theText = theText.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>"); theText = theText.replace(/:\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>"); theText = theText.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>"); theText = theText.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>"); theText = theText.replace(/:-o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>"); theText = theText.replace(/\@x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>"); theText = theText.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>"); theText = theText.replace(/=\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>"); theText = theText.replace(/o\%/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>"); theText = theText.replace(/i-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>"); theText = theText.replace(/\[\-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>"); theText = theText.replace(/:-\?/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>"); theText = theText.replace(/:-ss/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/>"); theText = theText.replace(/@-\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>"); theText = theText.replace(/:-l/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>"); theText = theText.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>"); theText = theText.replace(/:-j/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif'/>"); theText = theText.replace(/:\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>"); theText = theText.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>"); theText = theText.replace(/:-h/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>"); theText = theText.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>"); theText = theText.replace(/:8\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/>"); theText = theText.replace(/:b\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>"); theText = theText.replace(/:-s/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>"); theText = theText.replace(/:-r/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif'/>"); theText = theText.replace(/:O\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif'/>"); theText = theText.replace(/:m\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>"); bodyText.innerHTML = theText; }replaceText(); //]]> </script> </b:if> 

Bước 4: Gõ vào ô tìm kiềm nhóm ký tự sau: <b:if cond='data:post.embedCommentForm'> 

Lưu ý: Sẽ có hai dòng <b:if cond='data:post.embedCommentForm'> hiện lên trong HTML, chọn dòng ở trên (có màu vàng nhạt như trong hình minh họa bên dưới).

Coppy toàn bộ đoạn code dưới đây đặt vào sau thẻ </div> (như hình minh họa phía trên):

<div style='width: 383px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding: 5px; background: #e9eeee; height:86'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>w-) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif' width='26'/>:-j <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-T <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' width='30'/>o% <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>@X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' width='18'/>:-? <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/>:-h <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' width='21'/>I-) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif' width='42'/>:bh <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif' width='28'/>:8) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' width='21'/>:b) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif' width='28'/>:-s <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif' width='21'/>:-r <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif' width='21'/>:O) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif' width='18'/>:m) </b> </div> <br> 

Bước 5: Bấm ô "Lưu Template" là OK.

Trở lại "xem blog", mở khung comment ta sẽ thấy xuất hiện như sau:

Bây giờ đã có thể dùng nhóm ký tự quen thuộc như trong Yahoo! Blog để đưa biểu tượng cảm xúc vào phần comment tại Blogspot.

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