Cara Memasang Emoticon di Atas Kotak Komentar

Hari ini, saya akan membahas tentang bagaimana cara pasang emoticon atau smiley yang terletak di atas kotak komentar. Dengan adanya smiley ini, para komentator akan lebih mudah menampilkan bagaimana perasaannya setelah membaca postingan anda. Dan kali ini juga saya akan menampilkan emoticon yang berbeda dengan ulasan pasang emoticon yang lain. Emoticon yang akan saya pasang meliputi di bawah ini:

NB :
(Contoh bisa dilihat diatas form komentar di blog ini)

Kalo tertarik untuk membuatnya, gini nih caranya...

•     Login ke Blogger pilih menu Layout/Tata Letak
•     Pada tab klik menu Edit HTML kemudian centang kotak Expand Template Widget
•     Letakkan kode di bawah inisebelum kode </body>

<script src='http://ardi33.fileave.com/smileyyahoo.js' type='text/javascript'/>

•     Kalo sudah cari kode berikut:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

•     Kemudian letakkan kode di bawah ini setelah <p class='comment-footer'>

<b><img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif" width="40"/>
:a:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif" width="40"/>
:b:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif" width="40"/>
:c:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif" width="40"/>
:d:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif" width="40"/>
:e:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif" width="40"/>
:f:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif" width="40"/>
:g:
<br/><img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif" width="40"/>
:h:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif" width="40"/>
:i:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04235.gif" width="40"/>
:j:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif" width="40"/>
:k:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif" width="40"/>
:l:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif" width="40"/>
:m:
<img src="http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif" width="40"/>
:n:
</b>

    Kalo sudah tinggal klik Save dan coba lihat hasilya...

Categories: Trik Blogger