Tips Trick dan Cara Menambah Emoticon Di Blogger

Pada kesempatan kali ini saya akan share ilmu tentang Memasang Emoticon HYG di Blogger . Dengan adanya emoticon di atas kotak komentar t...

Pada kesempatan kali ini saya akan share ilmu tentang Memasang Emoticon HYG di Blogger. Dengan adanya emoticon di atas kotak komentar tentunya akan membuat blog menjadi lebih cantik. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon-icon (Emoticon) yang ada. Untuk hasilnya bisa sobat liat emoticon yang ada pada blog HYG ini.

Untuk membuatnya ikuti saja langkah-langkah dibawah ini.

Pada Rancangan pilih Edit HTML

Klik tulisan Download Template Lengkap. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

Jangan lupa centang Expand Template Widget, Seperti gambar di bawah :

Kemudian cari kode berikut :

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

Setelah itu masukkan kode dibawah ini diatasnya.

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 1px solid #2e2e2e; -moz-border-radius-topleft:5px;  -moz-border-radius-topright:5px; border-top-right-radius:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;  -moz-border-radius-bottomleft:5px;  -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;  -moz-box-shadow: inset 0 0 7px #000;  -webkit-box-shadow: inset 0 0 7px #000;  box-shadow: inset 0 0 7px #000;  padding: 5px; background: #;  height:350'>
<b>
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Have%20a%20nice%20day.png'/> :a:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Grin.png'/> :b:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/X%20x.png'/> :c:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Hope%20my%20fake%20smile%20works%20again.png'/> :d:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Ouch%20it%20hurts.png'/> :e:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Yarr.png'/> :f:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Blubb.png'/> :g:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/TT%20TT.png'/> :h:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Slow.png'/> :i:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Ninja.png'/> :j:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Omg.png'/> :k:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/XD.png'/> :l:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Brains.png'/> :m:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Graffiti.png'/> :n:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Ka%20boom.png'/> :o:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Sick.png'/> :p:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Pleasant.png'/> :q:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Z%20z%20z.png'/> :r:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/In%20love.png'/> :s:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Serious%20business.png'/> :t:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Lll.png'/> :u:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Pissed%20off.png'/> :v:
<img alt='' class='w2bsmly' src='http://www.veryicon.com/icon/32/Emoticon/Yolks/Enjoying%20mah%20playlist.png'/> :w:
</b>
</div>

Setelah itu cari kode </body> Setelah ketemu masukkan Script dibawah ini di atasnya.

<script src='http://koko.googlecode.com/files/Emoticon.js'/>

Klik Simpan, selesai..!!

sumber: kode-xp