Thêm Emotions vào form comment của BlogSpot

Nếu bạn đã thực sự áp dụng thủ thuật nhúng comment-form vào trong mẫu Blogger), thì bạn hãy chèn thêm các biểu tượng mặt cười Emotion vào trong khung Comment để người nhận xét có thể sử dụng chúng nhằm mục đích biểu lộ cảm xúc trong nhận xét.

 hướng dẫn các bạn thêm Eomtion vào khung Comment. Khi đó khung form comment với biểu tượng emotion cười hiển thị giống như hình ở dưới:

Như bạn thấy trong hình ví dụ trên, nhận xét của khách thăm blog có biểu tượng mặt cười ở cuối câu nhận xét, bạn hoàn toàn có thể chỉ hiển thị biểu cảm emotion trong nhận xét .
Để thực hiện được việc trên các bạn hãy làm theo các bước hướng dẫn mà phattrien@so học tập được từ bloggerstop như sau:
1. Đầu tiên bạn đăng nhập vào Blogger
2. Sau đó vào Layout -> click vào "Edit HTML" tab.
3. Tìm đoạn mã sau:

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Sau đó chèn vào giữa 2 dòng mã trên đoạn mã dưới đây:

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; 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/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<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/35.gif' width='24'/> 8-}
<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/104.gif' width='30'/> :-t
<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'/> =))
</b>
</div>

4. Tiếp tục tìm dòng mã dưới:

</body>

Thêm vào trước nó đoạn mã sau:

<script src='http://dsai.588.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Như vậy bạn đã hoàn tất công việc để thêm các biểu tượng Emotion vào trong form nhận xét, bạn hãy Save lại công việc đã thực hiện và thử nghiệm việc Comment với các biểu tượng mặt cười.