Cara Menghias Kotak Komentar Blog dengan kumpulan Emoticon Lucu

Saya pulang :x: hehehe
Ma'af sudah lama nggak posting di blog ini , lagi sibuk
 
Buat para sobat blogger yang ingin menghiasi kotak komentar di blognya dengan kumpulan emoticon - emoticon lucu, Nih saya beri caranya .. tetapi bayar dulu :k: hehehe. ma'af - ma'af cuma bercanda, saya posting disini tidak meminta bayaran sepeserpun dari anda, saya hanya ingin anda senang atau bahagia - Anda puas kami puas /wahaha

ya sudah gak usah banyak basa - basi nih saya kasih tutorialnya :
tapi ingat !! pastikan melakukanya dengan benar :15:

Langkah 1

Pastikan sobat blogger sudah mengaktifkan fitur thread comment blognya. Bagi yang belum memasangnya bisa lihat di sini.

Langkah 2

Copy kode emoticon di bawah ini :

<div 
style='background-color:#fff;border:1px solid #d3d3d3;-webkit-border-radius:8px;padding-top:10px;padding-bottom:10px;'>
<center>
   <p style='color:#000'>
      <b>
         <img src='http://adityas.vacau.com/emotion/nangis.gif' width='20'/>:a:
         <img src='http://adityas.vacau.com/emotion/80.gif' width='20'/>:b:
         <img src='http://adityas.vacau.com/emotion/02.gif' width='20'/>:c:
         <img src='http://adityas.vacau.com/emotion/77.gif' width='20'/>:d:
         <img src='http://adityas.vacau.com/emotion/48_002.gif' width='20'/>:e:
         <img src='http://adityas.vacau.com/emotion/67.gif' width='20'/>:f:<br/>
         <img src='http://adityas.vacau.com/emotion/grrr.gif' width='20'/>:g:
         <img src='http://adityas.vacau.com/emotion/39_002.gif' width='20'/>:h:
         <img src='http://adityas.vacau.com/emotion/17_002.gif' width='27'/>:i:
         <img src='http://adityas.vacau.com/emotion/51_002.gif' width='25'/>:j:
      </b>
      <br/>
      <br/>
      <a OnClick='window.open(&quot;http://adityas.vacau.com/&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes, width=550, height=520&quot;);return true' href='javascript:void(0);' rel='nofollow'>Emotion lainnya?</a>
   </p>
</center>
</div>

Langkah 3

Selanjutnya temukan kode seperti di bawah ini :

<p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>

 ------- paste kode yang ada di LANGKAH 2 Disini -----

Langkah 4

Selanjutnya temukan kode seperti di bawah ini :

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
 ------- paste kode yang ada di LANGKAH 2 Disini ----- 

Langkah 5 

Temukan kode </body> kemudian tambahkan script javascript di bawah ini di atas tag </body> tersebut.

<script src='https://sites.google.com/site/adityameilaz/emo/emot_keren_baru.js' type='text/javascript'/>

Simpan templatenya dan selesai.

Bagi yang merasa ada masalah dengan emotion ini, silahkan sobat tinggalkan keluhan atau masalahnya dengan berkomentar.
Semoga bermanfaat!  

SUMBER : http://adityameilaz.blogspot.com/2012/03/memasang-emotion-animasi-lucu-di-kotak.html