Cara membuat smiley di atas kolom komentar

kembali lagi ke salah satu design blog agar lebih baik dan indah dengan cara membuat / pasang smiley di atas atau sebelum kolom komentar, smiley ini dapat di gunakan pengunjung saat memberi komentar blog untuk lebih menunjukan ekspresi wajah para pembaca dalam komentarnya.

Smiley emoticon ini sama sepeti milik yahoo.
Langsung saja ke langkah cara pasang smiley nya.

1. Langkah pertama log in ke dasbor blogger >> Klik tata letak >> Edit HTML >> jangan lupa beri centang pada kotak Expand widget template


2. Kemudian cari kode seperi ini


< b:if cond='data:post.embedCommentForm' >


3. Bila sudah ketemu paste kode script ini tepat di bawah kode tadi



< div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-
background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding:
5px; background: #eeeddf; height:86' >
< b >
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/ > :))
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/ > ;))
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/ > ;;)
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/ > :D
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/ > ;)
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/ > :p
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/ > :((
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/ > :)
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/ > :(
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/ > :X
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/ > =((
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/ > :-o
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/ > :-/
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/ > :-*
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/ > :|
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/ > 8-}
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/ > :)]
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/ > ~x(
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/ > :-t
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/ > b-(
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/ > :-L
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/ > x(
< img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/ > =))
< /b >
< /div >



4. Langkah selanjutnya paste kode di bawah ini tepat di atas kode < /body >




< script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/smiley.js' type='text/
javascript'/ > < noscript > < a href="http://bloggerstop.net" target="_blank" > < span style="font-size: x-small;" > Add Smilies < /span > < /a > < /noscript >



5. Langkah ketiga klik simpan selesai dan lihat hasilnya

Category: Tips and tricks, Tutorials blog