MEMASANG EMOTICON PADA KOTAK KOMENTAR

Kembali saya memberikan postingan tentang Tutorial Blog. Sebelumnya juga mengenai Informasi tutorial, sekarang pun sama, karena saya ingin sekali membagi ilmu dengan anda semua, pokoknya mengenai blog deh. Sesuai dengan deskripsi blog saya ini, bahwa kita sebagai blogger harus sharing ilmu dengan blogger lain, terutama bagi yang baru belajar blog alias NewBie. Kali ini saya akan memberikan sedikit panduan bagaimana cara untuk memasang emoticon lucu di kotak komentar pada blog. Meski sudah banyak para blogger senior yang sudah memberikan tutorial ini, saya akan memberikan lagi tapi dalam versi saya sendiri.

Anda bisa lihat gambar-gambar emoticon di blog saya ini, tepat di atas kotak komentar, seperti ini:

Anda tertarik untuk memasang di blog anda?? Maka, silahkan di baca step by step caranya:

Login ke akun blogger anda
klik di Design/tata letak
pilih Edit HTML, Centang pada Expand Widget Templates.
tekan tombol di keyboard, Ctrl+F, kemudian cari kode </body>
lalu copy kode berikut:

<script src='http://blog-tutorialbdb.googlecode.com/files/smiley.js.txt' type='text/javascript'/>

Kemudian paste-kan di atas kode </body>
Jika sudah, Simpan/Save Template.

Ini belum selesai, jika anda ingin menampilkan emoticon yang anda pasang script-nya tadi, karena untuk memberi tahu kepada calon komentator blog anda bahwa di blog anda bisa di isi emoticon.

Cari lagi kode <p class='comment-footer'>, serta kode <b:if cond='data:post.embedCommentForm'>
copy kode berikut, lalu paste tepat di antara kode di atas. lebih detailnya di bawah kode <p class='comment-footer'> dan di atas kode <b:if cond='data:post.embedCommentForm'>

<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>
    <center><blink><a href="http://wilwatiktablog.blogspot.com/2012/03/memasang-emoticon-pada-kotak-komentar.html" target="_blank">Pasang Emoticon </a></blink></center>

Anda juga bisa menganti kalimat yang berwarna biru di atas dengan kata-kata anda sendiri.
Jika sudah, Save Template.
Selesai.

Mudah bukan? kini anda sudah bisa menggunakan emoticon tersebut di blog anda. Jadi berkomentar akan terasa berwarna jika ada gambar emoticon yang mewakili perasaan anda.

Bila tidak berhasil, maka pasangkan kode emoticon di atas sebelum <div id='comment-form'>.

Sekian dulu, selamat mencoba Postingan saya ini.

Semoga berguna.

Sumber : http://www.nova13.com/2011/05/cara-memasang-emoticon-pada-komentar.html