Cara Membuat Icon Smile Di Blog

Assalamualikum Wr Wb

Bertemu lagi dengan saya TauFixers dalam postingan saya yang terbaru ini. Apa ya yang akan saya posting bingung nih. .!!! Yah karena tidak ada kerjaan saya posting saja tentang Cara Membuat Icon Smile Di Blog.

Pasti di antara anda semua mungkin yang masih belum tahu atau masih Newbie di Blog. Tenang saja karena saya punya solusinya bagi anda semua yang ingin Blognya kelihatan lebih menarik dan lebih cantik.

Ga' usah panjang lebar dech langsung saja kita ke TKP:

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 :





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


-> Untuk Emoticon Kucing :



     


Berikut Kodenya:
<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'>

<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 

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

Keterangan:
-Yang pertama adalah Emoticon Yahoo
-Yang kedua adalah  Emoticon Kucing

6. Simpan Template

Dan lihat apa yang terjadi pada kotak komentar anda. Jeng. .jeng berubahlah dia.
Selamat mencoba dan semoga berhasil jangan lupa juga baca yang ini Icon Burung Follow Twitter Melayang Mengikuti Arah Cursor  dan yang ini juga Cara Memasang Widget Google Translate Di Blog.

Posted in: Tips-Trick Blog