Baca lewat email biar asik ->
author

Artikel ini ditulis oleh : Putu Hadi

Putu Hadi adalah Blogger dan Penulis penyuka Android. Follow saya di Twitter, artikel ini bermanfaat buat kamu? jangan lupa tinggalkan komentar ya...


Selasa, 15 Desember 2009

Pasang emoticon KASKUS di Blogger


Sebelumnya lookj minta ijin dulu lewat blog ini pada KASKUSer yang buat ni smiley soalnya lookj berusaha menghubungi tetapi inbox di account KASKUS nya katanya penuh (piye tho kok bisa bulk?). Mungkin dari kemarin para sahabat liat smiley-smiley buat komentar di blog lookj keyen-keyen (halah). Sebenernya cara buat gampang banget cuman biar ga panjang lebar silahkan ikuti saja tutorial di bawah ini.

Sebelumnya lagi (lho kok belum mulai?), gimana kalau kita liat dulu emoticon-emoticon KASKUS yang lutchu-lutchu (cuih). Nih dia lihat semuanya di bawah ini:





pengen kan? mari ikuti langkah di bawah ini:

1. Masuk ke Blogger lalu cari di Tata Letak - Edit HTML

2. Centang expand widget template.

3. Cari </body> lalu copy paste kode di bawah ini di atas 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://img686.imageshack.us/img686/2561/mewekkaskuspaktosmall2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img686.imageshack.us/img686/9302/emokaskus3.gif'' 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://img248.imageshack.us/img248/1461/emokaskusnerdsmall2.gif' 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://img686.imageshack.us/img686/2561/mewekkaskuspaktosmall2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img686.imageshack.us/img686/9302/emokaskus3.gif'' 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://img248.imageshack.us/img248/1461/emokaskusnerdsmall2.gif' 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. Then(sok Inggris) cari kode di bawah ini lagi ya:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>

tuh lihat kode berwarna biru, tempatkan kode ini di bawah kode biru tadi:
<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://img686.imageshack.us/img686/2561/mewekkaskuspaktosmall2.gif' width='30'/> :nangis
<img border='0' height='30' src='http://img686.imageshack.us/img686/9302/emokaskus3.gif' 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://img248.imageshack.us/img248/1461/emokaskusnerdsmall2.gif' 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>

Habis tu simpen deh dan sekarang lihat form komentar di blogmu sudah ada smiley KASKUS yang lutchu lutchu.
Buat anak KASKUS, lookj minta ijin make smileynya ya..

85 komentar:

  1. scriptnya biar ga panjang dihosting aja dulu di fileave atau ripway
    cuman kadang error...
    tak copas buat blogku yang baru ya..
    tengkyu

    BalasHapus
  2. emoticon buatan agan Pakto ya :D
    gw juga bikin emoticon buat kaskus gan, mampir ke sini buat liat karya emoticon gw.

    BalasHapus
  3. wah nice infonya sob :rate

    BalasHapus
  4. http://i45.tinypic.com/dxd2mw.jpg gan kayanya mantep nih

    BalasHapus
  5. saya buat persis kayak punya mas kok guk bisa ya..coba di cek di sini mas....:nyimak http://toko-rakyat.blogspot.com/

    BalasHapus
  6. mantap sahabatku ritualnya,keep spirit ya

    BalasHapus
  7. nais inpoh gan.
    kunjungi elsoulpc.blogspot.com :gotkp

    BalasHapus
  8. Kodenya kebanyakan.Pusing klo mo edit.Tapi boleh juga dipake :nyimak

    BalasHapus
  9. kren tapi ,wah di blog w engak bisa tuh bro

    BalasHapus
  10. ga ngerti, di html blog w ga ada
    html yang begituan-nya....
    :nangis: (sayang banget)

    BalasHapus
  11. di blogku juga gak bisa gan.....http://i45.tinypic.com/dxd2mw.jpg

    BalasHapus
  12. tes cobai ya gann!!!.... :nyimak

    BalasHapus
  13. di blog saya koq ngk bisa ya gan? :nangis

    BalasHapus
  14. Izin sedot dulu kk...

    :lapar

    BalasHapus
  15. ijin coba dulu ya gan :malu:
    ane :rate yakk

    BalasHapus
  16. Di blog ane juga kagak bisa Gan.. :nangis

    BalasHapus
  17. DI blog ane juga gax bisa.. Gimana ni gan??

    BalasHapus
  18. kok ditempat ane kgk bisa gan ? mohon pencerahan :nangis

    BalasHapus
  19. thanks gan atas infonya. akhirnya blog ane bisa jg pake begituan :malu

    BalasHapus
  20. cara munculinnya gimana gan? :bingung

    BalasHapus
  21. mantap bang artikelnya ttg cara pasangnya q udah lama cari nich artikel,,,,

    BalasHapus
  22. mantap bang postingannya,,,,,

    BalasHapus
  23. Ane suka ini gan, terima kasih ...
    :gotkp

    BalasHapus
  24. :nangis di blog ane kagak bsa gan

    BalasHapus
  25. Terimakasih banyak atas triknya sob...
    saya coba...

    BalasHapus
  26. di blog ane gx mau gan... :nangis

    mampir ke www.blog-darma.co.cc
    :gotkp :gotkp :gotkp

    BalasHapus
  27. di blog ane tulisannya gag mau muncul gan .. :nangis
    mohon pencerahannya ..

    BalasHapus
  28. Thanks gan infonya ,,, :pertamax

    BalasHapus
  29. Mantab gan.... :rate

    Ane ijin masang di blog ane ya gan...
    maklum nubi gan.... :malu

    BalasHapus
  30. mantapp cingg......!!!!
    langsung za yuk ke TKP..

    BalasHapus
  31. mangstab gan,
    sukses
    thanks bro :santai

    BalasHapus
  32. nice share...

    yang tidak berhasil memasangnya alias tidak mucul coba liat d sini

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

    liat juga cara pasang emoticon kaskus di kotak komentar

    http://ijo-blogtricks.blogspot.com/2010/12/pasang-emoticon-kaskus-di-kotak.html

    mampir ke blog saia yah...

    BalasHapus
  33. wah.... gan...
    di blog ane ada, tpi pas dipake, ga mO muncul tU gambrnya....
    knpa tU...?
    :nangis

    BalasHapus
  34. Ehmm nggak bisa yg kaya WP yah... :nyimak

    BalasHapus
  35. mm..ane mo nmbah motion_y, trus koq mlah error..??
    koq ribet bgt edit_y, tlonk brikan pncerahan..!!

    BalasHapus
  36. Wow manttaaapp,keren juga gan infonya

    Mampirr gan ke Http://ralfar-tech.blogspot.com/
    :gotkp :gotkp :gotkp

    BalasHapus
  37. di coba ya.,.,.,tanks atas info'a semoga di terima amal kebaikan'a ya sobbb./,/,aminnnn

    BalasHapus
  38. Nyari code scirptnya susah tuh yg tulisan biru..
    gk nemu2...
    :malu

    BalasHapus
  39. ane dah coba gan tapi kok ga berhasil mulu??
    mohon bantuannya....ane nubie

    BalasHapus
  40. Moderator Kaskus "blue_danube" ternyata PENIPU LICIK.

    http://www.kaskus.us/showthread.php?t=5140288&page=12

    BalasHapus
  41. ane pasang di blog ane ko not work ya gan????
    Mohon Pencerahannya...
    Nitip lapak ya gan..... hehe
    http://www.catatanmathin.co.cc/ (Blog IT & Download Game)

    BalasHapus
  42. Bisa Gan :thumbup2
    Tapi pinginnya bukan cuma komennya doang yg bisa dikasih kaskus emo :malu

    BalasHapus
  43. ga jadi gan..???
    adayang salahkah dengan blog saya..??

    BalasHapus
  44. Komentar ini telah dihapus oleh pengarang.

    BalasHapus

Artikel ini berguna? jangan menjadi silent reader, saya akan selalu menjawab komentar

Ada 2 aturan berkomentar yaitu jangan asal komentar, jangan mengiklan, hargai penulis yang membuat artikel ya..terima kasih.