Jumat, 14 September 2012

cara memberi emoticon pada blog kita




Pada kesempatan blog ane ini saya akan share ilmu tentang Memasang Emoticon terkeren di adisurya96 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 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 dan semoga berhasil jangan lupa liat hasilnya bro...
BY:ADISURYA96

0 komentar:

Posting Komentar

Link Partners