Cara Memasang Emoticon Kaskus di Kotak Komentar Blog

Setelah sebelumnya saya pernah memposting Bagaimana cara memasang emoticon skype di kotak komentar blog, kali ini lagi - lagi Ide bagus akan memposting cara yang mirip yaitu memasang emoticon kaskus di kotak komentar blog. Scriptnya saya ambil dari http://tejahtc.blogspot.com Tertarik untuk memasangnya?? ikuti langkah - langkah berikut.

1. Log in ke akun bog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand widget template widget.
3. Letakkan kode berikut di atas kode ]]></b:skin>

#kaskusemoticon {

width:auto;

margin:10px;

padding:10px;
}

4. 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. Cari kode berikut menggunakan Ctrl+f  ( memudahkan pencarian )

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

6. Letakkan kode berikut di bawahnya..

    <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><BR/>

7. Klik simpan template. SELESAI...!!

Ada pertanyaan?? tanyakan di kotak komentar...

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest