Memasang Emoticon di Kotak Komentar
Akhirnya, jumpa lagi. hehee.
Oke, kesempatan nge posting kali ini, saya akan berbagi tips cara Memasang Emoticon di Kotak Komentar. Emoticon yang saya sediakan ini hanya ada 1 pilihan yaitu Emoticon Yahoo.
Tapi lumayan, karena bisa memperindah penampilan di komentar, dan sang pemberi komentar pun bisa meng ekspresikan komentarnya. :D
Mari deh, langsung saja ke caranya.
Pertama, kalian harus masukkan script kode emoticon ini di bawah </body>
<script src='https://sites.google.com/site/ramadhanfnw/infotips-smiley/infotips-smiley.js' type='text/javascript'/>Nah, lalu kedua, masukkan semua kode dibawah ini tepat dibawah kode <p class='comment-footer'>
(Jika ada 3 kode yang kalian temukan, masukkan dibawah kode yang terakhir)
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>Selesai. SIMPAN TEMPLATE. Dan beginilah contoh SS hasilnya.
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
| Klik untuk memperbesar. |
NB: Tanpa mengikuti step kedua pun, emoticon akan muncul, tapi contoh emoticon seperti yang saya lingkari di SS tersebut tidak akan muncul.
Selamat Mencoba.. GOOD LUCK.. ^^

kalau saya cuma pake .js aja sob, biar gak bikin berat load,, heheh,, makasih tipsnya,, :)
ReplyDelete@Rama88: oke sob, gak masalah. :)
ReplyDeletemakasih gan tipx...,aq save aja dlu tutorialx.., *smile
ReplyDelete@Rohis Facebook: oke gan,, thnks. :)
ReplyDeletepake js nya aja gan :)
ReplyDelete@Resolusi Juara 2012: iya gan. biar gk memperberat. :)
ReplyDeletebagus nih sob membuat komentator terasa ada di posting kita dan selalu ada :) hihihi makasih ya sob tutorialnya :D
ReplyDelete@Farixsantips: iya sob. sama" :D
ReplyDeleteNice post sobat,, boleh di coba nih,,
ReplyDelete@AYRIY ZONE: oke sob, silahkan . :D
ReplyDeletePatut dicoba nich.. tapi gak bakal buat blog jadi berat kan.. hehehe
ReplyDeleteSipp mas bro,, kalo komen ngga pake emoticon emang rasanya gimana gitu...!!? hhehe :D
ReplyDelete@Opick Amikom: dipasang JQuery nya aja sob, yg script gk usah, saya jamin gk berat. :D
ReplyDelete@Uzumaki Lovers: iya sob, saya setuju. :D
ReplyDeleteBagi Master" CSS
ReplyDeleteIni Ada Widget Untuk Mengcompress Kode CSS
Mau Kan?
Mau Donk!!
Harus!!
http://tentangduniadanweb.blogspot.com/2011/12/teduweb-css-compressor.html
CSS
nice tips..
ReplyDeletefolbac yak..
salam kenal.
@Uda Cucanto: oke sobat.. TKP :D
ReplyDelete@jhia: thnks. oke,, TKP :)
ReplyDeletewah, thx masbro ^^
ReplyDeletemantap gan artikelnya
ReplyDeletemakasih banyak ya gan sudah mau berbagi ilmunya
ReplyDelete