Tips Membuat Emoticon Pada Kotak Komentar

Tips Membuat Emoticon Pada Kotak Komentar

Emoticon adalah icon-icon lucu serta unik yang biasanya digunakan untuk menambahkan karakter-karekter lucu dalam suatu posting, komentar atau fasilitas pada kotak komentar dan lain sebagainya. Artikel ini (save draft) emang sengaja terbitnya sangat-sangat ketinggalan dan sekedar melengkapi kualitas dan kuantitas isi blog jadul ini biar lengkap aja kaleee :D hehehehe.



Contoh sederhana seperti ini :

Just Tips and Trics http://dhuwuh.blogspot.com


:)
:(
;)
:D
;;)
>:D<
:-/
:X
:">
:p
:-*
=((
:-o
:((
:))
:|
=))
8-}
<:-P
@};-
~O)
:-L
$-)
:-"
b-(
:)>-
\:D/
;))
^:)^
:)]
~x(
:-t
X_X
:!!
\m/
^#(^



Disini saya ingin mengutip cara membuat dan menempatkan emoticon pada blogger.

Langkahnya :

1. Login blog

2. Layout + Edit HTML + Backup dahulu + (centang) Expand Template Widget

3. Copy dan paste kode dibawah ini diatasnya --> </body>



<script src='http://www.geocities.com/dhuwuh/emoticon.js' type='text/javascript'/>

</body>

</html>



4. Kemudian cari kode dibawah ini :



<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>


5. Setelah ketemu, copy kode emoticon berikut dibawahnya --> <p class='comment-footer'>


Hasil penempatan kode emoticon kurang lebih seperti dibawah ini:



<p class='comment-footer'>

<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>



<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>


6. Save template

n/b : Untuk menambah kan karakter icon emoticon agar lebih komplit/lengkap, tinggal seting dan utak-utik program emoticon.js, yang penambahan karakter emoticonnya mungkin bisa juga diambil disini atau disini.



Source : http://dhuwuh.blogspot.com/2008/10/tips-membuat-emoticon-pada-kotak.html



Related Posts by Categories :


29 comments:

sETiawAn said... on October 20, 2008 at 10:42 AM  

coba lihat kode < p class='comment-footer' > sampai < /p> punya sampean apa masih original sama dengan kode diatas? klo masih, harus-nya bisa berjalan. klo sudah ada setingan/modifikasi lain cuman cara penempatannya/peletakan kode emoticonnya mas. sori aku sengaja gak pasang karena berat hehehe.

Lyla said... on October 20, 2008 at 2:19 PM  

aku dah pernah nyobain tp gagal ga keluar tuh icon2nya... ga aku pasang lagi deh... btw kapan2 aku coba deh

Blogger Addicter said... on October 20, 2008 at 2:24 PM  

wekekek..ketawa doloe kang liat ikon muter2 nyang biru ini..hihihi..

sama kayanya..hehehe..

mantepp postnya..sama tuh..saya jg baru masang biar narcis dikit kang..hehehe :)

Hellen said... on October 20, 2008 at 2:30 PM  

wah...boleh nih di save ke komp saya....
Makasih mas untuk ilmunya :)
Good luck ya...

sETiawAn said... on October 20, 2008 at 3:36 PM  

HeHeHe kadang ada yang bisa dan tidak bisa dipasang nih tips jadi bingung dewe mau ngasih komen bagi yg gak bisa pasang... lah aku dewe bisa, habisnya cuman bloqwalking doang sih HeHeHe... mungkin ada solusi bagi yang gak bisa dipasang di blognya.... Thx

ahmadmadara said... on November 6, 2008 at 8:35 PM  

Kok, emotionnya urutannya dari atas kebawah, gak bisa horizontal di blogku
gimana ya..

Anonymous said... on January 19, 2009 at 8:31 PM  

Thanks banget mas... Akhirnya saya nemu juga caranya...

an4k`SinGKonG said... on April 5, 2009 at 10:55 AM  

hadiwww.. kok ga bisa ea di pasang di blog akuh..
kira² kenapa eah...
btw makasih infonya sob n lam kenal

JavaKomp said... on April 23, 2009 at 3:04 PM  

Terima Kasih AMAT SANGAT Ya MAS.s.s..s.s.s !!

Jasa Anda Tiada Terkira


Sukses Buat Anda !!Trusss Cerdaskan! entaskan Kebodohan Bangsa . . . . . . !!!!


Trim.s

Fatih said... on January 6, 2012 at 5:20 PM  

Thanks infonya mas...tidak terpikirkan kalo comment bisa di tambahkan dengan emoticon...

Christian Louboutin Norge said... on October 4, 2012 at 2:00 PM  

2011 vĂ¥ren og sommeren rekke modeller, avstandsstykke Enkle sko ligner den romerske komplisert form er faktisk tre kortikal spenne pakket rundt kroppen av skoen, og kroppen av skoen materiale,

Desain Company Profile said... on March 25, 2014 at 10:44 AM  

TOP banget kyak icon TOP yang muter ini.
Terima kasih infonya dan salm kenal :)

Muhammad syakirurohman said... on June 16, 2014 at 4:48 PM  

Wow, keren.. izin copas kodenya yaa buat diimplemetasiin. terima kasih

Post a Comment

"Using DOFOLLOW System. Pease don`t SPAM!!!"

Thanks To Comment My Articles. God Bless You People.

Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks