Memasang Emoticon di Kotak Komentar

Sebenarnya untuk tutorial ini sudah lama sekali , dan ingin saya posting. Dan akhirnya kesampaian juga ... :p !

Jika anda sudah sering berkunjung keblog saya, dan sering berkomentar :b , pastinya sudah sering melihat emoticon diatas kotak komentar kan ? Yup ... :) dan kali ini akan saya bahas cara Memasang Emoticon di Kotak Komentar . Dan yang pasti emoticon yang dipasang tuh lucu dan aseli buatan Yahoo!. Jangan ragu - ragu baca artikel ini sampai puas, jika ingin Memasang Emoticon di Kotak Komentar .

Untuk yang satu ini ada beberapa bahan yang paling penting untuk kamu siapkan yaitu :
1. Memasang kotak komentar dibawah posting. Bisa baca disini. Harap sudah terinstal diblogspot anda !
2. JavaScript untuk emitocon, kalau yang ini sudah siapkan koq :p

Berikut cara penginstalannya:
1. Seperti biasa masuk ke Edit HTML
2. Lalu tambahkan kode berikut diatas kode </body>

<script src='http://trojanbuster.googlepages.com/yahoo_smileys.js'
type='text/javascript'/>


3. Jika sudah kemudian cari kode ini. Sekali lagi sudah terinstal kotak komentar dibawah posting.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
.....
... kode emo .....
.....
</div>
<b:include data='post' name='comment-form'/><b:else/>


4. Pasang kode berikut di tengah - tengah kode diatas ( kode emo ) :

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>


5. Disimpan dan enjoy your emo !

Tidak lupa saya ucapkan untuk mas Totok atas emonya ! Dan template Elegant Style and SEO friendly buatan Om Agus yang sudah menjadi acuan atas post ini .

22 komentar:

18 Februari 2009 pukul 13.26
Anonim mengatakan...

:-L

27 April 2009 pukul 01.46
Anonim mengatakan...

kk...kalo mau bikin wigdet
klik (download) tertinggi itu gimana scrip nya?
tolong yah.
soalnya blog aku utk tempat link download gitu deh
makasih :)

6 Juni 2009 pukul 09.29
Anonim mengatakan...

thanks infonya :D

18 Juli 2009 pukul 09.39 Sykumal mengatakan...

Thanks Nice Info

22 Juli 2009 pukul 07.36
Anonim mengatakan...

tes emoticon :(( kok belum bisa keluar ya di blog saya . .

2 Agustus 2009 pukul 14.23 yusfita mengatakan...

tips nya bagus. coba ah ;)

20 Agustus 2009 pukul 14.48 Hamster Copo mengatakan...

eeeh ada enggak yang "imoticon union" itu tuuh yang kayak hamster gemuk tapi terbuat dari bawang,,sebenarnya aku lagi nyari itu eeh nyungsang disini hehehe..mohon petunjuknya,,kalo imoticon kuning-kuning ini bisa diganti itu lebih membantu hehehe

oia aku pakek wordpress..terima kasih atas perhatiannya

23 Agustus 2009 pukul 22.11 modem smart mengatakan...

makasih bang atas pembelajaran di blog ini..
aku ikut masang hide panel di blog ku...

9 September 2009 pukul 06.02 putra mengatakan...

Siiiip ..:D

26 September 2009 pukul 05.17 Unknown mengatakan...

:))

17 Oktober 2009 pukul 08.44 Blogger mobile mengatakan...

Trims...mau langsung saya coba mas!

16 Desember 2009 pukul 17.29 Skyva mengatakan...

mas kok diblog saya gag muncul yah

19 Desember 2009 pukul 18.23 Gudang Barang mengatakan...

:D

23 Januari 2010 pukul 22.06 TIGARAKSA PLAYLIST mengatakan...

=)) =)) =))

25 Januari 2010 pukul 14.42 Aulia mengatakan...

tes emo ;;)

2 Februari 2010 pukul 14.46
Anonim mengatakan...

=))

20 Februari 2010 pukul 22.16 AGUNG PRIATMOKO mengatakan...
Komentar ini telah dihapus oleh pengarang.
5 April 2010 pukul 16.03 Unknown mengatakan...

Emoticon smile sich da pasaran Om

Pke yang punya Kaskus, Seru+Lucu2 dech Om

Cara Pasang nya liat di disini az...

23 September 2010 pukul 22.32 desainiklan.com mengatakan...

nice posting thanks gan

15 Oktober 2010 pukul 08.50 āήdέяόκ мόяόѕότ mengatakan...

:(

17 Juni 2011 pukul 20.50 kajetz mengatakan...

nicw info gan.......:)]

8 September 2011 pukul 20.07 Yodi mengatakan...

gak keluar mas :((

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki

 
Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -