Memasang Emoticon di Kotak Komentar Versi Kaskus 2

animasi kaskus
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):


animasi kaskus

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


~ Selamat Mencoba~
Sumber: http://lookj.blogspot.com

47 komentar:

  1. wah mantaps neh..tapi kotak komentar ku bermasalah neh di verifikasi kodenya.. kira2 bisa di hilangin ga...soalnya banyak yang comment katanya kotak komentar q rusak..mohon bimbingannya yach...

    BalasHapus
  2. @ jani: Makasih, silakan baca ---> http://forantum.blogspot.com/2010/01/penyebab-pengunjung-tidak-jadi.html

    BalasHapus
  3. bos,di blog saya memang muncul menu emoticonnya...
    tp waktu di post gambarnya ga kluar...
    gmn nih bos..??
    saya memakai template yang saya buat sndiri di pimp-my-profile.com,apa ada hubungannya ama template yang saya pake..??
    mohon petunjuknya..
    tolong balas do blog saya...
    uheababil.blogspot.com
    plizzzzz....:a: :a: :a: :a: :a:

    BalasHapus
  4. saya juga sama ama bung uhe!!
    :a:
    pliss help

    BalasHapus
  5. Thanks ..... numpang copas bwt postingan di blog gw yyy.. :c:

    BalasHapus
  6. @All: Postingan ini telah saya perbaiki agar lebih jelas dan coba kembali. Alhamdulillah, masih bisa. Apabila ada yang belum berhasil, silakan dicoba kembali, mungkin ada kesalahan dalam peletakan kode.

    BalasHapus
  7. Pasang emoticonnya berhasil (keliahatnnya), tapi kok tidak bisa digunakan, ya? :j:

    BalasHapus
  8. Suzy: Silakan add saya di facebook, cari ja tengku_nauf@yahoo.com. InsyaAllah saya bantu.

    BalasHapus
  9. aduuuuuuuu masi erorrr ni kenapa ya

    http://www.topblogakbar.co.cc/2010/05/virus-facebook-yang-pertama.htm

    BalasHapus
  10. @ Akbar: Add saya di Facebook, entar saya bantu deh....

    BalasHapus
  11. http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif

    BalasHapus
  12. ko yang ngjarin ga' masang sendiri emot kaskus apa jngan2 ga' berhasil ya gan?

    BalasHapus
  13. :e: punya ane kagak mau juga.
    uda dicoba berkali2.
    Gimana ya gan?
    plis tolongin.

    BalasHapus
  14. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  15. kalau ga muncul emoticonnya, coba mampir kesini

    http://ijo-blogtricks.blogspot.com/2010/12/emoticon-tidak-muncul-pada-kotak.html

    numpang lapak ya gan..

    BalasHapus
  16. diTest, ga timbuL nii...

    gmana Donk..

    BalasHapus
  17. waaaaaaaahhhhhhhhh gk fungsi tlong pnjelsannya gan

    :a: :b: :e: :i: :g: :m: :n:

    BalasHapus
  18. d blog gua ga bisa d pasang tuch

    BalasHapus
  19. mantap gan, dah awak coba, tapi emotion seperti yang agan punya gimana caranya gan, tolong pencerahannya ya gan,
    maaf gan, dengan merendahkan diri, awak minta agan menindak lanjutinya di blog saya http://malie-linge-gayo.blogspot.com/ thank's ya gan

    BalasHapus
  20. cool...thanks ya, uda sukses mencob nie.

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.