Tuesday 16 November 2010

Cara Pasang Emoticon bunda diatas kotak komentar

Screenshot


Langsung saja kita praktekkan 
Caranya sobat harus Login ke Blogger 
Klik Rancangan (Yang dulunya Tata Letak)
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget,
Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode <p class='comment-footer'>

untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan Copy kode berikut dan letakkan dibawah kode tersebut

<div style='-moz-border-radius:20px; border: 1px solid #000000; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; text-align: center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;'>
<b><img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-baca.png" height="50" width="50"/>
:a:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-bye.png" height="50" width="50"/>
:b:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-ding.png" height="50" width="50"/>
:c:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-hore.png" height="50" width="50"/>
:d:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-joget.png" height="50" width="50"/>
:e:<br/>
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-kembik.png" height="50" width="50"/>
:f:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-love.png" height="50" width="50"/>
:g:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-marah.png" height="50" width="50"/>
:h:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-melet.png" height="50" width="50"/>
:i:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-mencak.png" height="50" width="50"/>
:j:<br/>
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-nangis.png" height="50" width="50"/>
:k:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-ngayal.png" height="50" width="50"/>
:l:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-puyeng.png" height="50" width="50"/>
:m:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-serem.png" height="50" width="50"/>
:n:
<img src="http://i1002.photobucket.com/albums/af149/Imtikhan/bunda-stres.png" height="50" width="50"/>
:o:
</b></div> 


Kemudian cari kode </body> 
dan letakkan kode script berikut diatasnya

<script src='http://h1.ripway.com/imtikhan/emo_bunda.js ' type='text/javascript'/> 

Simpan dan liha hasilnya.


Selamat mencoba 

No comments:

Post a Comment

Powered by Blogger.