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 BloggerChè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 !


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

Đăng nhận xét

* Bạn có thể nhận xét / góp ý / bình luận tại đây.
* Vui lòng gõ tiếng Việt có dấu.
* Bạn chưa có tài khoản vẫn có thể nhận xét bằng cách chọn hồ sơ là Tên/URL (với URL là địa chỉ email hoặc blog của bạn).

Loading