Sabtu, Januari 14

Menambahkan Emoticon Pada Kotak Komentar Blog

Menambahkan Emoticon Pada Komentar Blog - Atau memasang emoticon / smiley pada kotak komentar merupakan salah satu cara agar tampilan komentar dari pengunjung terlihat lebih menarik dilihat. Selain itu dengan menambahkan emoticon / smiley pada kotak komentar kita jadi bisa mengetahui reaksi atau respon dari pengunjung terhadap artikel yang mereka komentari. Bagi pengunjung yang sudah terbiasa chating di mig33, kaskus / YM pasti sudah paham dan hafal kode-kode smile atau emoticon. Di bawah ini merupakan cara mudah menambahkan emoticon pada kotak komentar :
cara menambahkan emoticon pada kotak komentar blogspot
1. Login ke blogger
2. Pilih " Rancangan " pilih " Edit HTML "
3. Beri tanda centang " Expand Widget Templates "
4. Cari kode </body> ( tekan Ctrl+F )


5. Setelah ketemu tinggal copy paste kode berikut di atas </body>

<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>

6. Kemudian cari kode berikut :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>

7. Langkah terakhir untuk menambahkan emoticon pada kotak komentar yaitu dengan menambahkan kode smiley. Copy paste kode dibawah ini setelah / dibawah kode
<p class='comment-footer'>

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

8. Setelah langkah-langkah di atas sudah yakin benar tinggal " Simpan template " dan view blog untuk melihat perubahan setelah ditambahkan emoticon pada kotak komentar blog.

20 komentar:

  1. ;) begitulah emoticon saya saat ini. hehe... thanks for the info kawan.

    BalasHapus
    Balasan
    1. Sama2 sob, salam persaudaraan :)
      mksih sudah berkunjung disini...

      Hapus
  2. thanks. sudah dicoba juga bos :)
    thanks banget pokoknya ilmua :)

    Kunjungi blog ane juga ya gan. thanks

    BalasHapus
    Balasan
    1. Sama2 gan :) Langsung ke TKP agan

      Hapus
  3. Sangat menarik, juga dapat mempercatik tampilan blog.
    Teima kasih infonya

    BalasHapus
    Balasan
    1. Sama2 pk.Harun :) semoga bermanfaat...

      Hapus
  4. gan kok di blog ane dibilang kaya gini nieh... :

    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar. < br / > Pesan error XML: The element type "p" must be terminated by the matching end-tag < / p >.

    ada yg salah ya gan? padahal ane udah ikutin tuh... bantu selesainya yah.... ( newbie ).

    BalasHapus
    Balasan
    1. Saya jga masih newbie gan :) tapi kemaren saya coba script di atas di blog ini sukses,,
      dari kode error yang agan tampilkan berarti agan kurang melengkapi kode penutup
      tapi script di atas tidak ada perintah ganti paragraf, mngkin ada kode yang kehapus sama agan saat menambahkan script di atas,,,

      Jika ada teman2 lain yang bisa membantu silahkan tinggalkan komentar :)

      Hapus
  5. bgus bro
    http://anangwy.blogspot.com
    ksh kritik dan sarannya ya

    BalasHapus
  6. your post is nice.. :)
    keep share yaa, ^^
    di tunggu postingan-postingan yang lainnya..

    jangan lupa juga kunjungi website dunia bola kami..
    terima kasih.. :)

    BalasHapus
  7. bro cara pasang kotak komentarnya gmna??
    mohon pencerahannya??
    berbagai cara q coba dan hasilnya gak muncul,,
    maklum pemula

    herbal

    BalasHapus
  8. Nice.. tapi setelah dicoba kaga muncul :))

    BalasHapus
  9. Untuk memasang emoticon di komentar pada template yang sudah ada threded comment memang agak rumit karena sudah beda class dan id...

    BalasHapus
    Balasan
    1. Thanks gan sdh membantu dan berbagi :)

      Hapus
  10. Lapor gan misi telah berhasil dilaksanakan thx yaa,, jangan lupa mampir ke blog ane!!
    http://cyber-cream.com

    BalasHapus
  11. kok disini ndak muncul emotnya ? =((

    BalasHapus
  12. lucu lucu gan hehehe. . . . .

    kalau ada waktu mampir ke gubuk reot ane gan hehehe :D

    BalasHapus