Dec 20, 2011

Memasang Emoticon di kotak komentar

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'/>
:))
<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>
Selesai. SIMPAN TEMPLATE. Dan beginilah contoh SS hasilnya.
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.. ^^


21 comments:

  1. kalau saya cuma pake .js aja sob, biar gak bikin berat load,, heheh,, makasih tipsnya,, :)

    ReplyDelete
  2. makasih gan tipx...,aq save aja dlu tutorialx.., *smile

    ReplyDelete
  3. bagus nih sob membuat komentator terasa ada di posting kita dan selalu ada :) hihihi makasih ya sob tutorialnya :D

    ReplyDelete
  4. Nice post sobat,, boleh di coba nih,,

    ReplyDelete
  5. Patut dicoba nich.. tapi gak bakal buat blog jadi berat kan.. hehehe

    ReplyDelete
  6. Sipp mas bro,, kalo komen ngga pake emoticon emang rasanya gimana gitu...!!? hhehe :D

    ReplyDelete
  7. @Opick Amikom: dipasang JQuery nya aja sob, yg script gk usah, saya jamin gk berat. :D

    ReplyDelete
  8. Bagi Master" CSS

    Ini Ada Widget Untuk Mengcompress Kode CSS

    Mau Kan?

    Mau Donk!!

    Harus!!

    http://tentangduniadanweb.blogspot.com/2011/12/teduweb-css-compressor.html

    CSS

    ReplyDelete
  9. nice tips..
    folbac yak..
    salam kenal.

    ReplyDelete
  10. makasih banyak ya gan sudah mau berbagi ilmunya

    ReplyDelete

Terima kasih telah berkunjung. Mohon beri komentar jika ada yang kurang.