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

40 komentar

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

Balas

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

Balas

ngahaja supaya serem kang... heuheu :)

Balas

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..

Balas

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

Balas

Maksudnya link template yang saya pake ?

Balas

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

Balas

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

Balas

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

Balas

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

Balas

emoticon yg lbh keren ada gak gan??

Balas

gan pnya saya kaga bisa nih tolong !

Balas

join to my blog please http://boyedittingcrew.blogspot.com/

Balas

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

Balas

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

Balas

Thanks informasinya sobat, sangat bermanfaat. salam sukses.

Balas

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

Balas

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

Balas

thanks infox gan, ijin nyoba dulu ya..?

Balas

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

Balas

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

Balas

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

Balas

udah agk jalan kang..tolong di perbaiaki

Balas

Ane dah coba dan berhasil :2thumbup

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

Balas

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

Balas

MKSH atas share nya gan sangat bermanfaat..

Balas

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

Balas

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

Balas

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

Balas

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.

Balas

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

Balas

Poskan Komentar


×
Chat