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 adalah Emoticon Yahoo berikut gambarnya.

Kalau tertarik untuk membuatnya, berikut cara yang harus anda tempuh untuk kunci keberhasilan:

1. Login ke Blogger pilih menu Layout/Tata Letak
2. Pada tab klik menu Edit HTML kemudian centang kotak Expand Template Widget
3. Letakkan kode di bawah ini sebelum kode </body>
   

   <script src=’http://diesilver.googlecode.com/files/smileyyahoo.js’ type=’text/javascript’/>

4. 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>

5. 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>