Kaskus Emoticon untuk Blogger Threaded Comment

kaskus logo
Kalau sebelumnya saya membuat tutorial tentang cara menambahkan Yahoo Smileys untuk komentar, kali ini saya akan menjelaskan cara menambahkan Kaskus emoticon pada komentar baru Blogger atau threaded comments.

Sebetulnya konsepnya JavaScriptnya sama saja dengan Yahoo smiley, namun untuk JavaScript Kaskus emoticon ini bukan buatan saya, tapi buatan Joe. Script ini telah diuji coba di blognya sendiri, dan berhasil. Namun tidak semua emoticon Kaskus ini semua masuk, hanya sebagian saja.

Tampilan emoticonnya kurang lebih seperti screen shoot di bawah ini :

kaskus emoticons

Cara Pasang Emoticon pada Komentar

1. Masuk ke Dasbor
2. Edit HTML
3. Cari kode </body> (biasanya paling bawah)
4. Simpan kode dibawah ini sebelum </body>
<script src="http://4blogspottutorial.googlecode.com/files/kaskus_emoticon.js" type="text/javascript"></script>
5. Simpan / Save

Dengan 5 langkah diatas, emoticon Kaskus sudah bisa berfungsi di Blog anda. Namun kita perlu menambahkan gambar dan kode, supaya pengunjung mengetahui 'Kode Emoticon Kaskus' ini.

Cara Menambahkan Kode di atas Kolom Komentar

1. Kembali ke Edit HTML
2. Cari kode
<div class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
3. Simpan kode ini dibawah </div> yang ke-dua
<!-- Kaskus Emoticon by JOE http://4blogspottutorial.blogspot.com/ Star-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center;font-weight:bold;font-size:16px;color:#FF3000;margin-top:15px; margin-bottom:10px;'>
Kalau mau komentar pake emote KASKUS... Silahkan pilih gan..
</div>
<div style='background-color:#F5F8FA; border:2px solid #D7E8F0; width:550px; padding:10px; height:100px; overflow:auto;'>
<div class='kaskusemoticon'>
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/sumbangan/15.gif'/> :)
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/sumbangan/14.gif'/> :D
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/jempol1.gif'/> :thumbup
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/jempol2.gif'/> :2thumbup
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif'/> :iloveindonesia
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/s_sm_ilovekaskus.gif'/> :ilovekaskus
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/cewek.gif'/> :kiss
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/s_sm_maho.gif'/> :genit
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/marah.gif'/> :marah
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/berduka.gif'/> :berduka
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/najis.gif'/> :najis
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/malu.gif'/> :malu
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/ngakak.gif'/> :ngakak
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/s_sm_repost1.gif'/> :repost
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/sundul.gif'/> :sup2:
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/s_big_batamerah.gif'/> :batabig
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/takut.gif'/> :takut
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/ngacir2.gif'/>  :ngacir
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/shakehand2.gif'/>  :shakehand
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/bingung.gif'/> :bingung
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/cekpm.gif'/> :cekpm
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/capede.gif'/> :capedeh
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/hammer.gif'/> :hammer
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/peluk.gif'/> :peluk
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/toastcendol.gif'/> :cendol
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/hoax.gif'/> :hoax
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/selamat.gif'/>  :selamat
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/matabelo1.gif'/> :matabelo
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/mewek.gif'/> :mewek
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/request.gif'/> :request
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/sorry.gif'/> :sorry
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/salah_kamar.gif'/> :salahkamar
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/rate5.gif'/> :rate5
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/cool2.gif'/> :cool
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/fd_5.gif'/> :sup:
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/fd_4.gif'/> :kbgt
<img alt='' class='kaskus' src='http://static.kaskus.us/images/smilies/nohope.gif'/> :nohope
</div></div>
</b:if>
<!-- Kaskus Emoticon End-->
4. Simpan dan Selesai.

Untuk melihat demo cara memasang / menambahkan emoticon Kaskus pada blogger threaded comment ini, silahkan kunjungi pemilik tutorial.

Source:
http://4blogspottutorial.blogspot.com/2012/04/pasang-emoticon-kaskus-pada-komentar.html
Berita Lebih Baru Berita Lebih Lama
  • Beben Koben
    Profil: https://www.blogger.com/profile/08754225607191914278
    07 April, 2012

    cabian heula ateuh di ben tools threaded komentarna :D
    deuh eta kaskus :P

    • Beben Koben
      Profil:https://www.blogger.com/profile/08754225607191914278
      08 April, 2012

      beu!!! photo jd gepeng kitu!!! wekekekekkk ;))

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      08 April, 2012

      ngahaja supaya serem kang... heuheu :)

  • Go Trio Go
    Profil: https://www.blogger.com/profile/00046674606192929743
    08 April, 2012

    kok g bisa y kang :(

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      08 April, 2012

      Kalau saya liat blognya, itu bukan threaded comment bawaan blogger, jadi masih sistem komentar lama tapi di modifikasi. Tutorial ini untuk threade comment bawaan blogger sob..

  • mainshared
    Profil: http://www.mainshared.com
    10 April, 2012

    Kang boleh tau alamat template situs akang yg ini gk? http://www.gallerybloggertemplates.com

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      10 April, 2012

      Maksudnya link template yang saya pake ?

    • mainshared
      Profil:http://www.mainshared.com/
      10 April, 2012

      iya kang, maksudnya template blognya akang itu, mintak boleh kang?

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      12 April, 2012

      kalau template blog ini sih sebenernya ga di publish di GBTemplates... banyak yang sama dong... :)

  • Sadeva Aldy Pratama
    Profil: http://alprablog.blogspot.com/p/sadeva-aldy-pratama.html
    13 April, 2012

    punten ini mah mas, lebih baik hosting script di yourjavascript.com aja, soalnya klo di googlecode bisa bikin blog jadi lola :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      13 April, 2012

      Tapi yang di blognya, kebaca emote nya kok lama ya? cepetan yang pake googlecode :)

  • Unknown
    Profil: https://www.blogger.com/profile/07058707981510189273
    28 April, 2012

    Mantab Gan

  • Anonim
    Profil:
    29 April, 2012

    emoticon yg lbh keren ada gak gan??

  • Ranapoja Soe
    Profil: https://www.blogger.com/profile/09018416248220121114
    29 April, 2012

    gan pnya saya kaga bisa nih tolong !

    • Kang Rian
      Profil:https://www.blogger.com/profile/07551541947951019123
      30 Juni, 2013

      sama ! :( , mungkin ngload gambar langsung dari hosting kaskus yang kelamaan ..

  • TricaJus
    Profil: http://trica-jus.info/
    03 Mei, 2012

    mantap gan, ku tunggu dah kunjungan baliknya yah, salam kenal dan sukses selalu yah :D

  • unhee
    Profil: https://www.blogger.com/profile/12327145228132068642
    06 Mei, 2012

    ribet juga yak :p

  • Anonim
    Profil:
    27 Mei, 2012

    mantab kang

  • rioadhii
    Profil: https://www.blogger.com/profile/06572826331601646837
    07 Juni, 2012

    kang kok di blog ane gak keluar gambarnya ya malah gambarnya seperti gagal dibuka . blog ane ini gan kang-adhi.blogspot.com

  • .
    Profil: https://www.blogger.com/profile/07432721555074424347
    18 Juni, 2012

    Thanks informasinya sobat, sangat bermanfaat. salam sukses.

  • Unknown
    Profil: https://www.blogger.com/profile/05104465987013810493
    18 Juni, 2012

    :P

  • Buka(n) Master ?
    Profil: http://www.bukanmaster.com/2012/06/loading-page-with-jquery.html
    25 Juni, 2012

    sayang sekali, di blog saya udah di pasang Emoticons jadi gk bisa pasang :(
    yang Penting NIce Post Kang :D

  • asd
    Profil: https://www.blogger.com/profile/10611189623616224228
    21 Juli, 2012

    mantap kang,,
    follow n like FP ane
    www.game-software.info

  • Dharla Ferdana
    Profil: https://www.blogger.com/profile/10963576862686881522
    29 Juli, 2012

    thanks infox gan, ijin nyoba dulu ya..?

  • Unknown
    Profil: https://www.blogger.com/profile/15839449742091558088
    01 Agustus, 2012

    bang ternyata link gambar nya dah gk bner... soalnya kaskus ganti domain jadi co.id..tapi nice share lah

  • Muadz
    Profil: https://www.blogger.com/profile/14571866446443975114
    19 September, 2012

    bang di blog ane kagak bisa u,u padahal lucu lucu ya
    nitip bang http://muadz-dkaktus.blogspot.com

  • Unknown
    Profil: https://www.blogger.com/profile/13752907279090473576
    21 September, 2012

    ::ngacir

  • Alfanda
    Profil: https://www.blogger.com/profile/18158191539582276271
    07 Oktober, 2012

    Di expand kagak nih ?

  • HappyShop
    Profil: https://www.blogger.com/profile/12201509181646121407
    05 Desember, 2012

    waduh kagak ngerti kegunaannya kang
    ni blog gw kang http://tonline267.blogspot.com/

  • Anonim
    Profil:
    15 Desember, 2012

    sip saya meluncuuurrr

  • Ikhwan hidayat
    Profil: https://www.blogger.com/profile/15857048323182416044
    13 Januari, 2013

    udah agk jalan kang..tolong di perbaiaki

  • M.Khoirul
    Profil: https://www.blogger.com/profile/13682465845677068745
    15 Januari, 2013

    Ane dah coba dan berhasil :2thumbup

    ini blog ane http://dotabasecamp.blogspot.com/

  • Adraya
    Profil: http://adraya.blogspot.com/
    17 Januari, 2013

    Wah, mantab ini, jadi lucu ala kaskus, hehe.

  • Maverick
    Profil: https://www.blogger.com/profile/10809714952125412450
    23 Februari, 2013

    :hammer

  • cara mendapatkan uang
    Profil: http://www.usaharumahan1.com
    09 Maret, 2013

    MKSH atas share nya gan sangat bermanfaat..

  • Ray
    Profil: https://www.blogger.com/profile/17131045201561192865
    07 Juni, 2013

    Kang,kalau saya pasang emoticon kaskus, apakah emoticon sebelumnya akan ter-remove?

  • Unknown
    Profil: https://www.blogger.com/profile/03028304356873120390
    19 November, 2013

    Saya coba pasang di blog saya nih Kang Ismet
    Soalnya saya sudah 3 X Pake dari blog lain gak ada
    Yang work, semoga ini berhasil terima kasih

  • Yusuf
    Profil: https://www.blogger.com/profile/11349753759247047570
    30 November, 2013

    kang kayaknya tuh URL gambar emot gif nya eror kang soalnya sudah saya coba di blog saya tapi kagak muncul-muncul, terus kalo ane coba buka URL gambar yang tertera pada struktur HTML nya malah diredirect ke indonesianforum.com.
    Dibenerin dong kang pakai emot kaskus yang ada di sini>> http://support.kaskus.co.id/kamus-kaskus/smilies_kaskus.html#content. Sebenarnya ane ingin ngeganti URL gambarnya tapi males.

  • Unknown
    Profil: https://www.blogger.com/profile/10154937241116216492
    17 Mei, 2014

    bermanfaat bangget gan
    http://mas-kepo.blogspot.com

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
39 Komentar