Chèn biểu tượng cảm xúc Emoticon của Yahoo vào phần Comment trong Blogspot

Phattrienso đã từng post 2 bài  hướng dẫn cách chèn emoticons Yahoo của Gman và Boyprodx vào Blogger ở những bài viết trước (Thủ thuật cho hiện Emoticon trên Blogger và Chèn Biểu tượng cảm xúc - emoticon cho bài viết trong Blogspot), 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 được copy của tác giả Boyprodx 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

<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://javascripthost.com/s1/bin/smileysver1.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 !

Nguồn: http://boyprodx.blogspot.com

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.