cara membuat icon smile lucu di blog

Assalamu'alaikum wr.wb
Salam sejahtera buwat kita semua... :)

Di pertemuan kita Xini ane akan mencoba menjelaskan bagaimana agar pengunjung blog kita antusias dan trtarik untuk memberikan komentarnya.. yaitu dengan cara memasukan emo2 binatang atau icon smile yang lucu dan keren2...

gimana apakah sahabat NB tertarik, jika Y , maka sahabat NB sexan dapat mengikuti langkah seperti di bawah ini :
Upss ... di sini saya menawarka 2 pilihan untuk icon emo komentar , sahabat NB bisa langsung pilih yang mana menurut sahabat NB keren dan dapat menarik minat pengunjung untuk berkomentar di blog kita ..


Emoticon Yahoo :








Emoticon Kucing :






Nih dia langkah - langkahnya !

1. Login ke account blogger shabat NB masing - masing, pilih Layout/Tataletak --> Edit HTML
2. Beri tanda centang pada kota "Expand widget template"
3. Cari kode </body> agar memudahkan sahabat NB dalam pencarian script sahabat bisa menggunakan "Ctrl+F" , setelah ketemu masukan kode script di bawah ini sebelum kode yang sahabat cari tadi



-> Untuk Emoticon Yahoo :

<script src='http://grandisyf.xtgem.com/smiley.js' type='text/javascript'/>



-> Untuk Emoticon Kucing :

<script src='http://grandisyf.xtgem.com/emokucing-blogtriks.js' type='text/javascript'/>


4. Kemudian cari kode script 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. Kalau sudah ketemu masukan kode-kode berikut ini di bawah/setelah kode script
<p class='comment-footer'>

-> untuk yang pilih yahoo

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

->Kalo yang pilih emoticon kucing pake script 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>

6. Jika Sudah maka sahabat NB dapat mengeSAVE TEMPLATE . dan untuk melihat hasilnya coba buka salah satu postingan sahabat di blog .






Sekian dulu tutorial Xini dari saya ..
SEMOGA BERMANFAAT !