Cara Membuat Emoticon Di Kotak Komentar

Label:
Setelah blogwalking sana sini akhirnya dapat juga dech cara tambahkan emoticon pada kotak komentar. Ternyata banyak sekali macam emoticon yang bisa kita tambahkan. Cuma ga mungkin dong aku pasang semua, jadi kupilih lah salah satu yang menarik buat ku pribadi, yaitu emoticon kucing. Tapi bila sobat mau yang emoticon yahoo juga kulampirkan.

Berikut tampilan emoticon nya:

Emoticon Kucing :

 


Emoticon Yahoo :

 


To the point aja yah, gini nih cara buatnya:
1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>



Untuk Emoticon Kucing :
<script src='http://grandis.hexat.com/smile2.js' type='text/javascript'/>

Untuk Emoticon Yahoo :
<script src='http://grandis.hexat.com/smile1.js' type='text/javascript'/>

4. Kemudian cari kode berikut 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. Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'> 


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/>
:f
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/>
:D
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/>
:)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/>
;;)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/>
:x
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/>
:$
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/>
x(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/>
:@
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/>
:~
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/>
:|
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/>
:))
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/>
:(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/>
:s
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/>
:((
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/>
:o </b>


Untuk Yahoo emoticon :

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

6. Kalo sudah trus di "save" dan coba lihat hasilnya.

Semoga berhasil dan bermanfaat.  

Sumber: http://blog-triks.blogspot.com 
   

0 komentar:

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates