Sunday, September 11, 2011

Emoticon Komentar koDe-Xp

Pada kesempatan kali ini saya akan share ilmu tentang Memasang Emoticon koDe-Xp 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 koDe-Xp 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..!!

15 comments :

Error Shinobi said...

ini nih emo yg keren sobb...
boleh nih kapan2 dicoba... bookmark dlu aaah... :b:

Liandri eko said...

pake emotion bikin berat gak sob?

D'Gamerz said...

Thanks... ya... sob...
ini yang q equest dlu....
salam d-gamerz

D'Gamerz said...

oh ya... postingan ini gw copas ya...
tapi saya akan sertakan sumbernya kok....
thnx

Tukang Pos said...

saya pernah coba ini tapi nggak pernah berhasil diaplikasikan. Teks emoticon sama sekali tidak berubah menjadi gambar. Kenapa ya?

4-JIE.blogspot.com said...

kalau mau ganti gambar emoticon nya dengan gambar emoticon yang lain gimana yah ?

koDe-Xp said...

@4-JIE.blogspot.com : tinggal ganti link gambarnya aja, trus ganti juga link gambar pada file.js nya caranya download dlu file .js itu, trus km edit link didalam teks file .js td, save trus upload bru bsa..!!
terima kasih.

Amin Nur Rochmat said...

test gan... :a:

Leunammi Noira said...

Keren Gan...
bisa dicoba neh...
http://www.arel.info

Ozhie Raffael said...

nice share kk :b:

Fahrial Huda said...

:b:

Lunatic`Art said...

:a:

Lunatic`Art said...

Mantab bang..!!

:o:

Dhofir Pm said...

http://www.veryicon.com/icon/32/Emoticon/Yolks/Grin.pnghttp://www.veryicon.com/icon/32/Emoticon/Yolks/Pleasant.png

DJ FYNS said...

:b

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w:

Tambahkan Komentar Anda..!!

Terima Kasih Atas Kunjungannya..!!
Silahkan tinggalkan komentar Anda apabila ada yang perlu disampaikan,
dan kalo ada link yang rusak segara laporkan di kotak komentar ini..!!

"Komentarlah dengan kata-kata yang sopan"