Cara Memasukkan Pesan dan Emotion Pada Form Komentar Blog

Emotion bisa lebih mewakili pearaan kita daripada hanya sekedar tulisan biasa.
Blog akan kelihatan lebih menarik, jika didalam artikel ada emotion yang menunjukkan perasaan kita pada saat menulis artikel. Begitu pula dengan adanya emotion pada komentar artikel. Kita bisa setidaknya menebak, bagaimana perasaaan komentator saat menuliskan komentarnya di kotak komentar.

Tertarik untuk memasang Emotion di komentar artikel blog ??? Berikut tutorialnya :
 

Kopi Copy kode js berikut ini ( Gunakan Ctrl + C ), lalu paste diatas kode </head> template blog anda.

<script src='https://sites.google.com/site/bloggerbugis/js/EmotionBLOGGERBUGIS4U.js'
type='text/javascript'/>

Selanjutnya,.......................

Letakkan Kode HTML yang ada di dalam Text Area berikut ini dibawah kode

<p><data:blogCommentMessage/></p


<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> <br /> :))<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> <br /> :)]<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> <br /> ;))<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> <br /> ;;)<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> <br /> :D<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> <br /> ;)<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> <br /> :p<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> <br /> :((<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> <br /> :)<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> <br /> :(<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> <br /> :X<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> <br /> =((<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> <br /> :-o<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> <br /> :-/<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> <br /> :-*<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> <br /> :|<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> <br /> 8-}<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> <br /> ~x(<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> <br /> :-t<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> <br /> b-(<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> <br /> :-L<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> <br /> x(<br /> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> <br /> =))</b><br /> <br />

Lalukan pratinjau untuk melihat kasilnya ( Jika Form Komentar anda disematkan dibawah entri ). Kalau sudak Oce.... baru klik "SIMPAN TEMPLATE".
Selesai....

Hasilnya akan sama dengan Emotion pada kotak komentar BLOGGERBUGIS dibawah postingan ini. Jika ingin menambahkan kalaimat diatas gambar Emotion, cukup ketikkan saja kalimat anda ditas kode ke 2 (kode didalam Text Area). Lalu tambahkan kode  <br />

Contohnya : Tambahkan Emotion pada komentar anda <br />Kode yang ada 
didalam text area

Jika anda ingin meletakkan Emotion dibawah kotak form komentar, letakkan kode kedua ( Kode yang ada didalam text area dibawah kode
<div class="comment-footer"></div>

Oce sob, selamat menikmati Emotion baru anda.... Happy Blogging...