Emoticon Komentar SuryaTech

Pada kesempatan kali ini saya akan share ilmu tentang Memasang Emoticon SuryaTech 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 SuryaTech 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'/>

Sekian artikel saya pada kesempatan kali ini semoga artikel ini dapat berguna bagi sobat semua. Bagi Sobat ST Lovers yang ingin bergabung di ST Community silahkan bergabung DISINI. Jika sobat menyukai artikel-artikel di SuryaTech dan berniat untuk berlangganan silahkan Follow di Form "Member" yang ada di sebelah kiri artikel. Bila ada pertanyaan atau tanggapan silahkan isi form komentar dibawah ini. InsyaAllah saya akan menjawab secepatnya. Terimakasih... 

Baca Juga Artikel Yang Berkait: