Kaskus Emoticon untuk Blogger Threaded Comment
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 :
2. Edit HTML
3. Cari kode
4. Simpan kode dibawah ini sebelum
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.
2. Cari kode
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
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
cabian heula ateuh di ben tools threaded komentarna :D
deuh eta kaskus :P
beu!!! photo jd gepeng kitu!!! wekekekekkk ;))
ngahaja supaya serem kang... heuheu :)
kok g bisa y kang :(
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..
Kang boleh tau alamat template situs akang yg ini gk? http://www.gallerybloggertemplates.com
Maksudnya link template yang saya pake ?
iya kang, maksudnya template blognya akang itu, mintak boleh kang?
kalau template blog ini sih sebenernya ga di publish di GBTemplates... banyak yang sama dong... :)
punten ini mah mas, lebih baik hosting script di yourjavascript.com aja, soalnya klo di googlecode bisa bikin blog jadi lola :D
Tapi yang di blognya, kebaca emote nya kok lama ya? cepetan yang pake googlecode :)
Mantab Gan
emoticon yg lbh keren ada gak gan??
gan pnya saya kaga bisa nih tolong !
sama ! :( , mungkin ngload gambar langsung dari hosting kaskus yang kelamaan ..
mantap gan, ku tunggu dah kunjungan baliknya yah, salam kenal dan sukses selalu yah :D
ribet juga yak :p
mantab kang
kang kok di blog ane gak keluar gambarnya ya malah gambarnya seperti gagal dibuka . blog ane ini gan kang-adhi.blogspot.com
Thanks informasinya sobat, sangat bermanfaat. salam sukses.
:P
sayang sekali, di blog saya udah di pasang Emoticons jadi gk bisa pasang :(
yang Penting NIce Post Kang :D
mantap kang,,
follow n like FP ane
www.game-software.info
thanks infox gan, ijin nyoba dulu ya..?
bang ternyata link gambar nya dah gk bner... soalnya kaskus ganti domain jadi co.id..tapi nice share lah
bang di blog ane kagak bisa u,u padahal lucu lucu ya
nitip bang http://muadz-dkaktus.blogspot.com
::ngacir
Di expand kagak nih ?
waduh kagak ngerti kegunaannya kang
ni blog gw kang http://tonline267.blogspot.com/
sip saya meluncuuurrr
udah agk jalan kang..tolong di perbaiaki
Ane dah coba dan berhasil :2thumbup
ini blog ane http://dotabasecamp.blogspot.com/
Wah, mantab ini, jadi lucu ala kaskus, hehe.
:hammer
MKSH atas share nya gan sangat bermanfaat..
Kang,kalau saya pasang emoticon kaskus, apakah emoticon sebelumnya akan ter-remove?
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
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.
bermanfaat bangget gan
http://mas-kepo.blogspot.com