Cara Memasang Emoticon Kaskus di Komentar Blog

Selamat malam agan" kembali lagi bersama blog zona rekweb. Agan" pasti sudah pernah liat kan emoticon kaskus ? yang lucu dan imut" hehe, pada tutorial kali ini saya akan menshare tentang cara memasang emoticon kaskus di komentar blog. Cara nya cukup mudah kok, tinggal ikuti langkah" di bawah ini :








1. Login ke akun blogger kalian masing"

2. Lalu Buka Dasbor -> Template -> Edit HTML

3. Setelah itu  Letakkan kode berikut di atas kode ]]></b:skin>

#kaskusemoticon { width:auto; margin:10px; padding:10px; }

4. Selanjutnya Letakkan script berikut di atas kode </body>

<script

 src='http://muhammadsuteja.googlecode.com/files/emoticon1.js' 

type='text/javascript'/><script 

src='http://muhammadsuteja.googlecode.com/files/emoticon.js' 

type='text/javascript'/>

5. Kemudian tekan tombol Ctrl+F setelah itu cari kode di bawah ini

<b:include data='post' name='comment-form'/>

6. Terakhir tambahkan Script di bawah ini setelah kode script <p class='comment-footer'> 

<div

 class='post-footer-line post-footer-line-3'> <b><div 

style='overflow:auto; width:100%px; height:100px; padding:10px; 

border:3px inset #FF0000;'>

<img height='50' 

src='http://img202.imageshack.us/img202/4846/kompinterjuara1.gif' 

width='50'/>:k1 <img height='50' 

src='http://img72.imageshack.us/img72/398/kompinterbatamerah.gif' 

width='50'/>:k2 <img height='50' 

src='http://img687.imageshack.us/img687/1351/kompintercendol.gif' 

width='50'/>:k3 <img height='50' 

src='http://img94.imageshack.us/img94/4219/kompinterlovindo.gif' 

width='50'/>:k4 <img height='50' 

src='http://img8.imageshack.us/img8/3483/kompintermarah.gif' 

width='50'/>:k5 <img height='50' 

src='http://img532.imageshack.us/img532/931/kompintermalu2.gif' 

width='50'/>:k6 <img height='50' 

src='http://img693.imageshack.us/img693/7193/kompinterkecewa.gif' 

width='50'/>:k7 <img height='50' 

src='http://img171.imageshack.us/img171/4809/kompinterngacir2.gif' 

width='50'/>:k8 <img height='50' 

src='http://img412.imageshack.us/img412/3662/kompintersempurna.gif' 

width='50'/>:k9 <img height='50' 

src='http://img291.imageshack.us/img291/6651/kompinterbingung.gif' 

width='50'/>:a1 <img height='50' 

src='http://img709.imageshack.us/img709/2609/kompinterngakak.gif' 

width='50'/>:a2 <img height='50' 

src='http://img641.imageshack.us/img641/3540/kompintertakut.gif' 

width='50'/>:a3 <img height='50' 

src='http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif' 

width='50'/>:a4 <img height='50' 

src='http://img169.imageshack.us/img169/5500/kompinteralay.gif' 

width='50'/>:a5 <img height='50' 

src='http://img28.imageshack.us/img28/4954/kompintertkp.gif' 

width='50'/>:a6 <img height='50' 

src='http://img138.imageshack.us/img138/3621/kompinternosara.gif' 

width='50'/>:a7 <img height='50' 

src='http://img202.imageshack.us/img202/8307/kompinterliat.gif' 

width='50'/>:a8 <img height='50' 

src='http://img693.imageshack.us/img693/8240/kompintersundul.gif' 

width='50'/>:a9 </div>

</b>

Gimana? cukup mudah bukan? sekian tutorial dari saya, selamat mencoba dan semoga bermanfaat.