Cara memasang Emoticon di Komentar Blog

Sebenarnya postingan saya kali ini bukan sesuatu yang baru. pastinya sobat blogger semua sudah pada tau, yaitu Cara memasang Emoticon di Komentar Blog .Tapi saya ingin mencoba mengangkat lagi topik cara memasang emoticon ini, yah siapa tahu ada sobat blogger yang ingin memasang emoticon di kotak komentar blognya tapi belum tahu caranya. Kalau Sobat berminat untuk memasang nya di blog sobat silahkan saja ikuti tutorialnya berikut.

 Cara Memasang Emotico Yahoo

Baik sobat, singkat kata singkat cerita inilah cara memasang emoticon/smiley di blogspot:

1.    Login dulu ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode  </body> pada template dengan bantuan Ctrl+F.

4.    Copy script dibawah ini dan paste tepat diatas kode </body> 
.

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

5.  Kemudian cari lagi kode <p class='comment-footer'>. Pada template saya kode ini ada 2 buah, jika di blog anda juga menemukan 2 buah kode yang sama maka pilih yang pertama/diatas.

6. Copy kode Yahoo emoticon dibawah ini dan letakkan tepat dibawah kode <p class='comment-footer'>  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>

 7.  Coba sobat lihat dulu tampilan previewnya, lebar (width) kotak emoticon/smiley silahkan diedit agar sesuai dengan lebar kotak komentar pada blog anda. 
8.   Jika sudah OK, kemudian save template anda.

Nah sekarang diatas kotak komentar anda sudah berjajar rapi Yahoo emoticon/smiley seperti yang biasa.semoga tips blogging cara pasang yahoo emoticon/smiley di kotak komentar ini bermanfaat, Selamat mencoba dan happy nice blogging.