Cara Pasang Emoticon Kaskus di Kotak Komentar Blog

\ \ 68 comments
Blogger Modification Tutorial
Pada posting kali ini, saya akan berbagi trik modifikasi blog, yaitu memesang emoticon Kaskus di kotak komentar blog khususnya Blogger. Trik ini 100% work, karena trik ini sudah saya terapkan di blog saya ini. Walaupun belum semua emoticon Kaskus ada dalam trik kali ini, tapi saya rasa sudah lebih dari cukup untuk mengidupkan kotak komentar blog sobat. Caranya pun cukup mudah tinggal ikuti beberapa langkah di bawah ini:

1. Login ke akun Blogger sobat.
2. Pilih tab Rancangan.
3. Pilih tab Edit HTML.
4. Kemudian cari kode </body> lalu tambahkan Javascript berikut di atas kode tersebut.
http://blackdeviant.googlecode.com/files/newkasksusemoticon.js
5. Cari kode ini <b:if cond='data:post.embedCommentForm'> lalu tambahkan kode di bawah ini sebelum kode tersebut.
EMOTICON : <div id='kotakemote'><b><img border='0' src='http://static.kaskus.us/images/smilies/s_big_cendol.gif'/>
    :cendolbig
    <img border='0' src='http://static.kaskus.us/images/smilies/s_big_batamerah.gif'/>
    :batabig
    <img border='0' src='http://static.kaskus.us/images/smilies/s_sm_ilovekaskus.gif'/>
    :ilovekaskus
    <img border='0' src='http://static.kaskus.us/images/smilies/cewek.gif'/>
    :kiss
    <img border='0' src='http://static.kaskus.us/images/smilies/najis.gif'/>
    :najis
    <img border='0' src='http://static.kaskus.us/images/smilies/marah.gif'/>
    :marah
    <img border='0' src='http://static.kaskus.us/images/smilies/s_sm_repost1.gif'/>
    :repost
    <img border='0' src='http://static.kaskus.us/images/smilies/sundul.gif'/>
    :sup2
    <img border='0' src='http://static.kaskus.us/images/smilies/takut.gif'/>
    :takut
    <img border='0' src='http://static.kaskus.us/images/smilies/shakehand2.gif'/>
    :shakehand2
    <img border='0' src='http://static.kaskus.us/images/smilies/hammer.gif'/>
    :hammer
    <img border='0' src='http://static.kaskus.us/images/smilies/toastcendol.gif'/>
    :toast
    <img border='0' src='http://static.kaskus.us/images/smilies/cystg.gif'/>
    :cystg
    <img border='0' src='http://static.kaskus.us/images/smilies/selamat.gif'/>
    :selamat
    <img border='0' src='http://static.kaskus.us/images/smilies/jempol2.gif'/>
    :2thumbup
    <img border='0' src='http://static.kaskus.us/images/smilies/matabelo1.gif'/>
    :matabelo
    <img border='0' src='http://static.kaskus.us/images/smilies/request.gif'/>
    :request
    <img border='0' src='http://static.kaskus.us/images/smilies/babyboy1.gif'/>
    :babyboy1
    <img border='0' src='http://static.kaskus.us/images/smilies/sorry.gif'/>
    :sorry
    <img border='0' src='http://static.kaskus.us/images/smilies/traveller.gif'/>
    :travel
    <img border='0' src='http://static.kaskus.us/images/smilies/kimpoi.gif'/>
    :kimpoi
    <img border='0' src='http://static.kaskus.us/images/smilies/ultah.gif'/>
    :ultah
    <img border='0' src='http://static.kaskus.us/images/smilies/rate5.gif'/>
    :rate5
    <img border='0' src='http://static.kaskus.us/images/smilies/bola.gif'/>
    :bola
    <img border='0' src='http://static.kaskus.us/images/smilies/fd_4.gif'/>
    :kbgt
    <img border='0' src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif'/>
    :iloveindonesia
    <img border='0' src='http://static.kaskus.us/images/smilies/s_sm_maho.gif'/>
    :maho
    <img border='0' src='http://static.kaskus.us/images/smilies/nosara.gif'/>
    :nosara
    <img border='0' src='http://static.kaskus.us/images/smilies/berduka.gif'/>
    :berduka
    <img border='0' src='http://static.kaskus.us/images/smilies/ngakak.gif'/>
    :ngakak
    <img border='0' src='http://static.kaskus.us/images/smilies/recseller.gif'/>
    :recsel
    <img border='0' src='http://static.kaskus.us/images/smilies/ngacir2.gif'/>
    :ngacir2
    <img border='0' src='http://static.kaskus.us/images/smilies/bingung.gif'/>
    :bingung
    <img border='0' src='http://static.kaskus.us/images/smilies/capede.gif'/>
    :cd
    <img border='0' src='http://static.kaskus.us/images/smilies/peluk.gif'/>
    :peluk
    <img border='0' src='http://static.kaskus.us/images/smilies/hoax.gif'/>
    :hoax
    <img border='0' src='http://static.kaskus.us/images/smilies/dp.gif'/>
    :dp
    <img border='0' src='http://static.kaskus.us/images/smilies/malu.gif'/>
    :malu
    <img border='0' src='http://static.kaskus.us/images/smilies/cekpm.gif'/>
    :cekpm
    <img border='0' src='http://static.kaskus.us/images/smilies/jempol1.gif'/>
    :thumbup
    <img border='0' src='http://static.kaskus.us/images/smilies/angel1.gif'/>
    :angel1
    <img border='0' src='http://static.kaskus.us/images/smilies/kaskus_radio.gif'/>
    :kr
    <img border='0' src='http://static.kaskus.us/images/smilies/nohope.gif'/>
    :nohope
    <img border='0' src='http://static.kaskus.us/images/smilies/ngacir3.gif'/>
    :ngacir
    <img border='0' src='http://static.kaskus.us/images/smilies/salah_kamar.gif'/>
    :salahkamar
    <img border='0' src='http://static.kaskus.us/images/smilies/cool2.gif'/>
    :cool
    <img border='0' src='http://static.kaskus.us/images/smilies/fd_5.gif'/>
    :sup
    <img border='0' src='http://static.kaskus.us/images/smilies/mewek.gif'/>
    :mewek
    <img border='0' src='http://static.kaskus.us/images/smilies/babyboy.gif'/>
    :babyboy
    <img border='0' src='http://static.kaskus.us/images/smilies/babygirl.gif'/>
    :babygirl
    </b> </div> 
 6. Cari kode </b:skin> lalu tambahkan CSS berikut di atas atau sebelum kode tersebut.
#kotakemote {
width:auto;
border:2px solid silver;
border-radius: 10px;
margin:10px;
padding:10px;
}
 7. Simpan template sobat, lalu sobat testing dulu emoticon kaskus sobat. Kalau sudah bisa selamat anda berhasil menerapkan modifikasi ini. Tapi kalau belum berhasil silahkan bertanya lagi di postingan ini. Jika sobat ingin tau hasil emoticon Kaskus sebelum dipasang di blog sobat, testing dulu saja di komentar postingan ini. Semoga tutorial ini bermanfaat bagi sobat semua, khususnya para pencinta Kaskus.

Catatan: Tutorial udah di update, script udah work lagi.

68 comments:

  1. gan kok di sayah emoticon nya kaga keluar :marah

    BalasHapus
  2. eh bisa geuningan kang maksih yang dan maaf sayah udah marah :shakehand2 sama bener bener ingin memukul diri sendiri seperti ini :hammer

    BalasHapus
  3. thanks infona` gbro,,wah
    kngjungi juga blogku,,
    tipsnya mantap
    :2thumbup

    BalasHapus
  4. @sandal Oke gan langsung :ngacir2 ke tkp..

    BalasHapus
  5. :sup ok gan :iloveindonesia ty info nya

    BalasHapus
  6. gan... kalo saya lebih tertarik ke yang pesan dibawah komentar itu gimana caranya gan??? sama buat widget yg bisa dihidden gitu pake apa gan??? mhn dijawab di blog q gan...

    BalasHapus
  7. kok punya saya kok malah brantakkan????

    BalasHapus
  8. waah makasih gan infonya gaan ane jajal lagi berhasil nii gaan hehehee :recsel

    BalasHapus
  9. jangan lupa kunjungi blog aane yaaa gaan di www. zamzamorlando.blogspot.com :ngakak :recsel :iloveindonesia

    BalasHapus
  10. @zamzam blog Oke gan langsung :ngacir2 ke TKP

    BalasHapus
  11. Keren gan artikelnya...Sekalian mo sharing gan untuk para bloger yang pengen nambah koleksi emoticonnya untuk kotak komentar seperti emoticon upin ipin dan emoticon kaskus silakan baca artikelnya di
    http://monozcore.blogspot.com/2011/07/cara-membuat-emoticon-di-komentar.html

    Trims

    BalasHapus
  12. gan tempat ane kok gak jadi ya emoticonnya pas di pos.. :cool

    gimana nih gan?? :mewek

    BalasHapus
  13. @YuSya! Blog Emang emot ini cuma muncul di komentar saja sob,,,kalo buat yang di postingan saya dulu juga pernah make,,ntar aku cari dulu scriptnya...trus nanti saya posting sob..tapi aku gag bisa mastiin kapan postingnya sob,,,inet lagi lelet nih..

    BalasHapus
  14. Masa sih sob. Temen blogger saya yang udah nerapin tutorial ini emotnya muncul kok sob. Mungkin ada kode yang ketinggalan. Atau menurut saya kalau pake komentar author beda warna emang gak muncul sob,,saya juga udah pernah ngalami yang kaya gitu sebelum saya rubah template blog ini.

    BalasHapus
  15. @Kun Pahlevi 9 beda warna tuh maksudnya, background komentar dari pemilik blog sama pengunjung itu beda..blog agan terlalu berat gan buat ane teliti dengan inet ane, jadi gak tau letak salahnya..

    BalasHapus
  16. gan ne cara berkomentar di blok u pke emoticon kaskus gmn neh... w klik2 kok ga bs ya....

    BalasHapus
  17. @VyanAfandy Diketik gan tuh kodenya, kalo yang pake onclick belum ada scriptnya

    BalasHapus
  18. :thumbup tes gan

    BalasHapus
  19. THANKS GAN.......................... :recsel
    :ngacir2 BLOG SAYA: www.kress-evolution.blogspot.com

    BalasHapus
  20. gan bantu ane dong, ane susah nyari <b:if cond=' data post nya :cd. tu ada disebelah mana :bingung ?

    BalasHapus
  21. gan cara bikin kotak scrollbar di emoticon gimana...?
    kya punya agan

    BalasHapus
  22. @arli tambahin kode css kotakemote diatas di bagian kode css template sobat, terus di bagian emoticon di atas dikasih kode div id kotakemote trus penutupnya dikasih penutup tag div,untuk formatnya seperti diatas ya sob yang ada tag img src itu setelah di beri tag penutup baru diberi bagaimana lambang kode emoticon itu muncul seperti pada javascript yang telah dipasang, ya begitulah caranya secara garis besar sob.

    BalasHapus
  23. wah makasih banget broo...punyaku muncul nih emotionnya.. :2thumbup ..eh tapi saranku sih icon2 emotionnya d spoiler aja bro biar gak ngabisin tmpt `cause ngabisin tempat :ngakak ,liat ajah contoh di post komen ku bro..mampir ea ke blog ku, msh newbie nih..butuh bimbingan hehee..thx ea..salam kenal ea
    :shakehand2

    BalasHapus
  24. bro mohon d chek kok pas pasang kode iconnya gak muncul gambar icon ea di post komentarku huft..apa yg salah ea.. :bingung

    BalasHapus
  25. mantap nih tutornya s0b,,,salam kenal ya,,,,

    ==>>BlogKu InspirasiKu <<==
    www.blogku--inspirasiku.blogspot.com

    BalasHapus
  26. makasih infonya gan.. ^_^

    BalasHapus
  27. di blog ane kok gagal ya gan? :(

    http://catatanlinuxku.blogspot.com

    BalasHapus
  28. langkah ke 5 tidak d tmukan di scriotny gan,
    harap balasanya ke email fajrilshare59@gmail.com y gan.
    thanks

    BalasHapus
  29. @Fajril balas disini aja ya gan
    caranya masuk dulu ke tab setelan ==> komentar ==> tampilkan komentar sama penempatan formulir disemat di bawah entri

    BalasHapus
  30. thanks gan infonya...
    mangstap...

    Kunjungi blog ane juga ya gan. thanks

    BalasHapus
  31. yang ane berhasil gan .. kunjungi blog ane ya http://heruuprasetyo.blogspot.com

    BalasHapus
  32. di Blog saya nggak Muncul gan,...
    tolong dong pencerahhannya.
    :bingung

    BalasHapus
  33. Siiip, acuan 4 jempol deh. Sanangat bermanfaat

    BalasHapus
  34. wah, harus di coba juga nie sob. thanks for share

    BalasHapus
  35. gan, dengan cara memasukkan emot kaskus apa g buat loadingnya tambah lemot ya? atau tetap?

    BalasHapus
  36. @ahsanul-maromya lumayan agak beratan dikit sob,,kan ukuran image emotnya ya sedang2 aja

    BalasHapus
  37. @M RifQI Hanifkayaknya emang udah gak jalan sob, secara trik udah jadul , udah setahu yang lalu,,kalo ada trik yg baru bakalan saya update kok,,,
    ini lagi sibuk ngurusin daftaran SNMPTN

    BalasHapus
  38. Buat Admin Blog Ini Tolong Bantu Saya Donk Koq Gk Muncul Gambar
    emoticon Di Blog Saya Bukan Nya Untuk promosi Blog Saya Tapi Ini Betuluan Gan Tolong Lihat Di Sini Admin Tolong Bantu Saya
    Kalo Ada Kesalahan tolong Di bilang Thx Gan Kalo Udh Mau Bantu Saya

    BalasHapus
  39. @Bleach CheaterTutorialnya udah kagak jalan kayaknya sob,,minggu depan saya usahain buat update triknya,,nungguin kelar ujian SNMPTN dulu,,

    BalasHapus
  40. http://i25.lulzimg.com/5f9924.png

    BalasHapus
  41. Keren infonya gan,, perlu banyak bimbingan nih.. thanks infonya (mringis)

    BalasHapus
  42. gan kok saya gak ada kode nya koq http://indo-netional.blogspot.com/2012/07/cara-membuat-screensaver-di-blog.html?showComment=1341899282282#c5013125645185493756 bantu ane admin (T_T)

    BalasHapus
  43. Balasan
    1. Silahkan di coba lagi sob, tadi script baru saya update. Udah work lagi scriptnya.

      Hapus
  44. Komentar ini telah dihapus oleh pengarang.

    BalasHapus