Memasang Animasi Emoticon pada Thread Komentar Blogspot

Published by : Rz Bot    Blogger Tutorial

Buat Anda yang tertarik untuk memasang emoticon pada thread komentar baru blogspot , dengan membaca artikel saya ini bisa sedikit membantu para BLOGGER buat menghiasi kotak komentar pada Blog Anda. 

Langsung Saja ikuti langkahnya :)

Langkah 1:

Pastikan Anda  sudah mengaktifkan fitur thread comment blognya. Bagi yang belum memasangnya bisa lihat postingan seblumnya tentang Menambah CSS Untuk Thread Komentar di Blogspot (Custome Thread)

Langkah 2:

Kopi Kode dibawah 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://nddas.zz.mu/&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>

Anda akan meletakkan kode di atas didua tempat yang berbeda. Dan silahkan anda simak langkah-langkah selanjutyna

Selanjutnya temukan kode dibawah ini 

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

Paste kode yang sudah di copy tadi pada langkah 2

Temukan kembali kode seperti dibawah 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 DI SINI ----------->

Paste kode yang sudah di copy tadi pada langkah 2
Langkah 3
Temukan kode </body> kemudian tambahkan script javascript di bawah ini di atas tag </body> tersebut.

<script src='https://sites.google.com/site/m4w4nz/emote.js' type='text/javascript'></script>

Simpan Template dan selesai
credit: Adityas 

Bila Anda sulit memasangnya emoticon ini, silahkan berkomentar untuk di diskusikan