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 :
Cara Pasang Emoticon pada Komentar
1. Masuk ke Dasbor2. 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 HTML2. 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 == "item"'> <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