Menggunakan Emoticon Monyet pada Komentar

Dapet order neh dari adek (hahaha). Yaitu membuat emoticon monyet pada komentar. Mintanya sih tadi sore, tapi karena saya hari ini belum update, sekalian aja order dari Akane buat posting hari ini. Emoticon Monyet itu sendiri seperti ini:


Tertarik untuk membuatnya? Oke, ayo kita lihat cara pemasangannya:

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 inisebelum kode </body>

   <script src='http://die-silver.googlecode.com/files/emonyet.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/cumaisenggroup/gambarcoba/m021.gif" width="40"/>
   :a:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m025.gif" width="40"/>
   :b:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m029.gif" width="40"/>
   :c:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m035.gif" width="40"/>
   :d:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m055.gif" width="40"/>
   :e:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m077.gif" width="40"/>
   :f:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m087.gif" width="40"/>
   :g:
   <br/><img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m097.gif" width="40"/>
   :h:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m147.gif" width="40"/>
   :i:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m206.gif" width="40"/>
   :j:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m146.gif" width="40"/>
   :k:<img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m182.gif" width="40"/>
   :l:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m107.gif" width="40"/>
   :m:
   <img src="http://sites.google.com/site/cumaisenggroup/gambarcoba/m121.gif" width="40"/>
   :n:
   </b>

6. Klik Save jika sudah selesai

Tapi maaf ya kalo emoticon ini tidak dalam bentuk animasi, masalahnya hosting saya yang agak aneh dan gratisan, maklumlah saya menggunakan hosting gratis dari google. Oke, selamat mencoba!