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 (Chèn khung Comment ngay dưới bài viết với Blogspot), 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.

Trong bài hướng dẫn trước phattrien@so đã đăng tải các bài viết về Emotions gồm:

Thủ thuật cho hiện Emoticon trên Blogger

Chèn Biểu tượng cảm xúc - emoticon cho bài viết trong Blogspot

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

Trogn bài viết này, phattrien@so 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.

phattrien@so lược dịch theo bloggerstop

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.