Membuat Emoticon di Kotak Komentar Versi Kaskus

Assalamualaikum Guys, bagaimana kabar Anda ? oke kali ini Saya akan memberi tutorial tentang  memasang emoticon di kotak komentar versi kaskus.
Lihat gambar dibawah

 Bagaimana menarik kan ? Langsung saja Turitorialnya Sebagai Berikut :


1. Login ke Blogger, Rancangan, Tata Letak Lalu Edit Html

2. Centang "Expand Widget Template"

3. Lalu letakkan script berikut sebelum kode </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://img51.imageshack.us/img51/7007/emokaskusalaysmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.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(/:nangis/gi, "<img src='http://i50.tinypic.com/2n9032t.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://i46.tinypic.com/1i7bb.jpg'' class='smiley'/>");
_str = _str.replace(/:lebay/gi, "<img src='http://img51.imageshack.us/img51/7007/emokaskusalaysmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:hoax/gi, "<img src='http://img163.imageshack.us/img163/3455/emokaskushoaxsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nyimak/gi, "<img src='http://i45.tinypic.com/dxd2mw.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:hotnews/gi, "<img src='http://img521.imageshack.us/img521/3116/emokaskushottritsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:gotkp/gi, "<img src='http://img690.imageshack.us/img690/4295/emokaskusmenujutkpsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:wow/gi, "<img src='http://img27.imageshack.us/img27/5623/emokaskusrayusmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img256.imageshack.us/img256/7218/emokaskus1stsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:lapar/gi, "<img src='http://img18.imageshack.us/img18/1404/emokaskuslaparsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:santai/gi, "<img src='http://i48.tinypic.com/24needd.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img17.imageshack.us/img17/8236/malu2smallu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img46.imageshack.us/img46/7496/emokaskusmahosmall2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:newyear/gi, "<img src='http://img682.imageshack.us/img682/2443/newyearsmall.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(/:nangis/gi, "<img src='http://i50.tinypic.com/2n9032t.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://i46.tinypic.com/1i7bb.jpg'' class='smiley'/>");
_str = _str.replace(/:lebay/gi, "<img src='http://img51.imageshack.us/img51/7007/emokaskusalaysmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:hoax/gi, "<img src='http://img163.imageshack.us/img163/3455/emokaskushoaxsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nyimak/gi, "<img src='http://i45.tinypic.com/dxd2mw.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:hotnews/gi, "<img src='http://img521.imageshack.us/img521/3116/emokaskushottritsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:gotkp/gi, "<img src='http://img690.imageshack.us/img690/4295/emokaskusmenujutkpsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:wow/gi, "<img src='http://img27.imageshack.us/img27/5623/emokaskusrayusmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img256.imageshack.us/img256/7218/emokaskus1stsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:lapar/gi, "<img src='http://img18.imageshack.us/img18/1404/emokaskuslaparsmall.gif' alt='' class='smiley'/>");
_str = _str.replace(/:santai/gi, "<img src='http://i48.tinypic.com/24needd.jpg' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img17.imageshack.us/img17/8236/malu2smallu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img46.imageshack.us/img46/7496/emokaskusmahosmall2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:newyear/gi, "<img src='http://img682.imageshack.us/img682/2443/newyearsmall.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
4. Lalu Cari kode ini <p class='comment-footer'> (Kode disamping biasanya ada dua, pilih di kode yang nomor dua atau terakhir)
copy paste kode dibawah ini sesudah kode tersebut

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i50.tinypic.com/2n9032t.jpg' width='30'/> :nangis
<img border='0' height='30' src='http://i46.tinypic.com/1i7bb.jpg' width='30'/> :rate
<img border='0' height='30' src='http://img51.imageshack.us/img51/7007/emokaskusalaysmall.gif' width='30'/> :lebay
<img border='0' height='30' src='http://img163.imageshack.us/img163/3455/emokaskushoaxsmall.gif' width='30'/> :hoax
<img border='0' height='30' src='http://i45.tinypic.com/dxd2mw.jpg' width='30'/> :nyimak
<img border='0' height='30' src='http://img521.imageshack.us/img521/3116/emokaskushottritsmall.gif' width='30'/> :hotnews
<img border='0' height='30' src='http://img690.imageshack.us/img690/4295/emokaskusmenujutkpsmall.gif' width='30'/> :gotkp
<img border='0' height='30' src='http://img27.imageshack.us/img27/5623/emokaskusrayusmall.gif' width='30'/> :wow
<img border='0' height='30' src='http://img256.imageshack.us/img256/7218/emokaskus1stsmall.gif' width='30'/> :pertamax
<img border='0' height='30' src='http://img18.imageshack.us/img18/1404/emokaskuslaparsmall.gif' width='30'/> :lapar
<img border='0' height='30' src='http://i48.tinypic.com/24needd.jpg' width='30'/> :santai
<img border='0' height='30' src='http://img17.imageshack.us/img17/8236/malu2smallu.gif' width='30'/> :malu
<img border='0' height='30' src='http://img46.imageshack.us/img46/7496/emokaskusmahosmall2.gif' width='30'/> :ngintip
<img border='0' height='30' src='http://img682.imageshack.us/img682/2443/newyearsmall.gif' width='30'/> :newyear
</b>
</div>

5. Setelah itu Klik "Simpan template" Coba dengan Komentar anda sendiri dan sertakan kodenya.