Memasang Emoticon di Kotak Komentar Versi Kaskus 2

Dulu saya pernah memberi tutorial tentang memasang emoticon di kotak komentar dan memasang emoticon kotak komentar versi baru. Sekarang saya akan memberi tutorial tentang memasang emoticon di kotak komentar versi kaskus. Saya mendapatkan tutorial ini ketika jalan-jalan di http://lookj.blogspot.com. Disana saya mendapatkan tutorial tentang memasang emoticon di kotak komentar versi kaskus. Kalau yang belum tahu, bentuknya seperti ini (Agak beda sich, tp hampir sama koq):

Gimana lebih menarik kan...Cara memasangnya adalah :



1. Tata Letak --->> 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 seperti :nangis atau :pertamax

DAFTAR ISI BLOG

• Boxed
• Efek Foto Dark Art
• Mewarnai Sebagian
• efek Lipatan Kertas
• Menyatukan foto jadi komik ala gathering adsense jogja
• Membuat efek foto siluet
• Contoh efek foto robek
• Efek foto terbakar
• Efek cloud pada background foto ( new )
• MERUBAH FOTO MENJADI SENSASI CARTOON
• HILANGKAN JERAWAT DENGAN PHOTOSHOP
• SULAP FOTO JADI JERNIH dengan "NeatImage"
• Teknik Seleksi Area Sulit Seperti Gerai Rambut (dengan Masking)
• Trik Membuat Tattoo dengan Photoshop
• Tips Photoshop - Membuat Efek Lens Blur Pada Foto
• Cara Memperjelas Hasil Foto Dari Kamera HP
• Membuat langit berwarna biru (part 02)
• Membuat efek sunset dengan Gradient Map
• CARA INSTAL PLUGIN PADA PHOTOSHOP PORTABLE
• [Tutorial] Bikin efek DOF menggunakan plugin DOF Pro 3 di Photoshop
• Alien Skin XenofeX 2
• Alien Skin XenofeX 2
• 5 Plugin Gratis Photoshop Yang Sebaiknya Anda Download
• Plugin Photoshop
• 7 Plugin Photoshop Yang Sebaiknya Anda Tahu

TRICK BLOG

• Cara Mudah Mengganti Background Blog dengan Gambar
• Cara Membuat jQuery Vertical Accordion Menu
• Membuat Iklan Di Kiri Kanan Homepage Dengan Tombol Close Klik 1x
• Vertikal menu biru
• Menu vertikal efek css transition
• Cara Memasang Script Iklan Dalam Postingan - Awal Paragraf
• Cara Membuat Postingan di Blog Tidak Double
• Daftar Iklan PPC Lokal Indonesia
• Cara Daftar google adsense terbaru untuk blogspot
• Cara mendaftar Google Adsense dengan blog bahasa Indonesia
• Cara Parse Kode HTML
• Memasang Script Iklan Di Awal Artikel
• Cara Pasang Iklan di Tengah Postingan - Otomatis
• Cara memasang skript kode iklan Kliksaya ke blog
• DOMAIN TLD
• Custom Domain Blogger Error
• Membuat Widget Tab View Menu Tanpa Edit HTML
• Tips dan Cara Membeli, Mendaftarkan dan Registrasi Domain Web Internet .com .net .org .info dan Sebagainya - Murah dan Mudah
• :: Domain Name ::
• cara gampang blog kamu masuk halaman pertama google tanpa backlink
• Mengetahui Keyword Yang Paling Banyak Dicari
• Pasang Meta Tag Description + Keywords Di Home
• Memberi Template Untuk Website
• Hosting Gratis Menggunakan 000webhost
• Cara Mendapatkan Domain Gratis

Baca Juga Yang Lainnya: