Cara Pasang Emoticon Kaskus di Blogger

Kali ini saya akan berbagi tips tentang cara pasang emoticon kaskus di blogger karena sebelumnya cuma anak-anak platform wordpress saja yang bisa memasang emoticon kaskus di blog mereka, itu juga karena wordpress terdapat plugin kaskus untuk wordpress, untuk anak-anak yang menggunakan platform blogspot atau blogger tidak perlu kecewa karna blogspot juga bisa memasang emoticon kaskus cuma bedanya agak sedikit repot, biar sedikit repot tapi nanti hasilnya puas,, sebelum kita mengedit kode HTML yang bikin rumet otak, saya  saranin kamu Download dulu Notepad++ disini, ya itu sih cuma saran biar lebih mudah mengedit kodenya nanti… Nah kalau sudah Download sekarang kita langsung praktekkan

1. Login ke Blogger terus cari Tata Letak – Edit HTML.

2. Untuk mencegah hal-hal terburuk wulan saranin backup dulu template kamu.

3. Terus kamu centang Expand Widget Template.

4. Sekarang kamu cari kode </body>. Nah yang udah Download Notepad ++ boleh sedikit bangga karena jadi lebih mudah mengedit kode-kode yang buat otak miring sebelah. Untuk yang sudah jago dengan Notepad++ nya silahkan terjun ke No. 4, soalnya saya mau kasih tips buat yang masih kaku sama Notepad++.  kalau sudah di install kan Notepad++ nya. sekarang kamu pilih  Language trus pilih XML, sekarang kamu Copy semua code template kamu yang ada di blogspot trus paste di Notepad++, sekarang kamu pilih Search – Find sekarang kamu ketik </body> 

5. Copy semua Code di bawah ya trus letakan di atas code </body>.

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

6. Kemudian cari Code yang ini <p class='comment-footer'> Untuk pengguna Notepad++ lakukan hal yang sama ketika kamu mencari Code </body>.

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>

7. Lalu kamu Copy Code yang ada di bawah, kemudian kamu Paste di bawah Code yang berwarna biru di atas.

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; background: transparent; width: 350; text-align: left; border: 1px solid #fff; padding: 5px; height:350'>
<b>
<img border='0' height='30' src='http://img338.imageshack.us/img338/5228/amati.gif' width='30'/> :nyimak
<img border='0' height='30' src='http://img87.imageshack.us/img87/6011/bata.gif' width='30'/> :bata
<img border='0' height='30' src='http://img402.imageshack.us/img402/7973/bingung.gif' width='30'/> :bingung
<img border='0' height='30' src='http://img100.imageshack.us/img100/9422/capede.gif' width='30'/> :capede
<img border='0' height='30' src='http://img87.imageshack.us/img87/4976/cendol.gif' width='30'/> :cendol
<img border='0' height='30' src='http://img402.imageshack.us/img402/3678/coolx.gif' width='30'/> :rate
<img border='0' height='30' src='http://img87.imageshack.us/img87/2579/duka.gif' width='30'/> :duka
<img border='0' height='30' src='http://img87.imageshack.us/img87/5840/malu2.gif' width='30'/> :malu2
<img border='0' height='30' src='http://img87.imageshack.us/img87/333/malu.gif' width='30'/> :malu
<img border='0' height='30' src='http://img100.imageshack.us/img100/8913/marah.gif' width='30'/> :marah
<img border='0' height='30' src='http://img265.imageshack.us/img265/350/metalz.gif' width='30'/> :metal
<img border='0' height='30' src='http://img338.imageshack.us/img338/1411/nangisb.gif' width='30'/> :nangis
<img border='0' height='30' src='http://img255.imageshack.us/img255/4203/ngacir.gif' width='30'/> :ngacir
<img border='0' height='30' src='http://img101.imageshack.us/img101/8817/ngakak.gif' width='30'/> :ngakak
<img border='0' height='30' src='http://img402.imageshack.us/img402/1039/ngintip.gif' width='30'/> :ngintip
<img border='0' height='30' src='http://img408.imageshack.us/img408/4052/pertamax.gif' width='30'/> :pertamax
<img border='0' height='30' src='http://img408.imageshack.us/img408/7797/siul.gif' width='30'/> :siul
<img border='0' height='30' src='http://img101.imageshack.us/img101/6695/tkp.gif' width='30'/> :tkp
</b>
</div>

8.Untuk pengguna Notepad++ pertama kamu harus hapus semua Code yang ada di template blogspot kamu kemudian kamu Copy semua Code yang ada di Notepad++ lalu kamu Paste di template blogspot kamu, Save dan lihat hasilnya.

Semoga bermanfaat