Memasang Emotion / Smile pada 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>