Mình đã từng hướng dẫn cách chèn emoticons Yahoo và emoticons người củ hành vào Blogger ở những bài viết trước, nhưng các thủ thuật này chỉ hiệu quả ở trong bài viết. Tuy nhiên, Blogger vẫn chưa có bộ emoticons dành cho phần comment của độc giả - Đây là 1 điều thua thiệt so với WordPress. Vậy làm cách nào để thêm biểu tượng cảm xúc vào phần comment được đây? Bài viết này sẽ giúp các bạn đấy !
Đầu tiên, các bạn hãy hãy vào Blogger > Layout > Edit HTML . Tại đây, hãy download lại một bản template phòng trường hợp chỉnh sửa sai
Tiếp theo, các bạn hãy bật Expand Widget Templates (Mở rộng mẫu tiện ích) và tìm đoạn code sau
<div class="comment-footer">
<b:if cond="data:post.embedCommentForm">
<b:include data="post" name="comment-form">
<b:else>
<b:if cond="data:post.allowComments">
</b:if></b:else></b:include></b:if></div>
<h3>
<a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" href="http://draft.blogger.com/post-create.g?blogID=4157678335535108976">
<data:postcommentmsg></data:postcommentmsg></a></h3>
Hãy xóa chúng và thay thế bằng code dưới đây<b:if cond="data:post.embedCommentForm">
<b:include data="post" name="comment-form">
<b:else>
<b:if cond="data:post.allowComments">
</b:if></b:else></b:include></b:if></div>
<h3>
<a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" href="http://draft.blogger.com/post-create.g?blogID=4157678335535108976">
<data:postcommentmsg></data:postcommentmsg></a></h3>
<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 400; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #fff; height:80'>
<b>
<table><tr>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X </td></tr>
<tr>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( </td>
<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L </td>
</tr></table>
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
</b:if>
</p>
</b:if>Sau khi đã thay đổi xong, bạn hãy kéo xuống tận cùng template và thêm đoạn code này vào ngay trước thẻ </body>
<script src='http://boyprodx.110mb.com/Yahoo_Emoticons_Comment_Blogger.js' type='text/javascript'/>Đây là kết quả chụp từ blog của mình :
Vậy là từ nay chúng ta có thể thêm biểu tượng cảm xúc mỗi khi đăng nhận xét rồi. Nếu thích thủ thuật này hãy để lại comment cho mình như một lời động viên nhé. Chúc các bạn thành công !
