Cara Pasang Emoticon Kaskus di Blogspot

Nah kali ini mau share cara pasang emoticon kaskus di blogspot / 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, nah 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 kok heee… oke sebelum kita mengedit kode HTML yang bikin rumet otak, Wulan saranin kamu Download dulu , ya itu sih cuma saran biar lebih mudah mengedit kodenya nanti… Nah kalau sudah Download sekarang kita langsung praktekin Ok.

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 wulan mau kasih tips buat yang masih kaku sama Notepad++. Sudah di install kan Notepad++ nya? Baguss.. sekarang kamu pilih Language trus pilih XML, sekarang kamu Copy semua code template kamu yang ada di blogspot, Sudah di Copy semua Code ny? Nice.. Sekarang kamu pilih Search – Find sekarang kamu ketik </body> ketemu kan?
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:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/> </b:if><b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
Karena ada 2 Code yang sama kamu fokuskan saja sama Code yang berwarna merah, ingat ya jangan sampai salah mencari Code nya.

7. Lalu kamu Copy Code yang ada di bawah, kemudian kamu Paste di bawah Code <p class='comment-footer'>

<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. Nah sekarang tinggal di Save dech dan liat hasil nya, 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.
Info Penting : Karena wulan upload file gambar nya di account image hosting wulan maka setiap ada perubahan maka emoticon kamu tidak akan jalan, tapi nanti di kasih tau kok setiap ada perubahan jadi tenang aja ya.
Selamat Mencoba dan maaf kalo repost maklum newbie….