Posted by : Amin Patria
Jumat, 04 November 2011
Pada kesempatan kali ini Amin akan share ilmu tentang Memasang Emoticon Ponja Game 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 Ponja Game 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 :
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..!!
{ 2 Comment... read them below or Comment }
:a
:b
:c
:d
:e
:f
:g
:h
:i
:j
:k
:l
:m
:n
:o
:p
:q
:r
:s
:t
:u
:v
:w
:x
test :b:
BalasHapus:a: test aja
BalasHapus