Memasang Emoticon Kaskus Pada Blog

Memasang Emoticon Kaskus Pada Blog - kemarin kita sudah membahas cara untuk menambah efek salju dan lain lain, sekarang saya akan membahas tentang cara menambahkan emoticon kaskus pada blogger, kaskus adalah situs yang terkenal di indonesia atau bisa di sebut juga sebagai forum, bagi yang belum pernah dengar kaskus sobat bisa kunjungi situs kaskus di sini, lumayan keren kan :D.

Oke langsung saja kita akan melakukan pemasangan emoticon kaskus pada blog :D

Pemasangan Emoticon Kaskus Pada Blogger

1. Silahkan sobat login seperti biasa ke Blogger
2. Lalu sobat masuk ke Template => Edit HTML
3. Lalu Letakan kode di bawah ini tepat di atas kode ]]</b:skin>

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

4. Tambahkan juga script di bawah ini tepat 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. Sekarang sobat cari kode di bawah ini ( gunakan ctrl + f ) agar lebih cepat untuk mencarinya :D

<b:includable id='comment-form' var='post'>

6. Tambahkan kode dibawah ini tepat di bawah kode tadi

   <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. Langkah terakhir sobat save dan lihat hasilnya 8-)