Untuk membuatnya mari kita bahas caranya pada penjelasan dibawah ini :
1. Login Ke Blogger kalian
2. Masuk Ke Rancangan/Tata Letak
3. pilih EDIT HTML ( Selalu biasakan back up template ya )
4. Dikolom script HTML, Copy kode CSS berikut dan simpan di atas kode ]]></skin>
#rizal{
margin:0px;
padding:5px;
text-align:center
}
#rizal img{
margin:0px 4px 4px 0px;
padding:3px;
text-align:center;
border:1px solid #c0c0c0
}
#rizal img:hover{
margin:0px 4px 4px 0px;
padding:3px;
text-align:center;
border:1px solid #333
}
margin:0px;
padding:5px;
text-align:center
}
#rizal img{
margin:0px 4px 4px 0px;
padding:3px;
text-align:center;
border:1px solid #c0c0c0
}
#rizal img:hover{
margin:0px 4px 4px 0px;
padding:3px;
text-align:center;
border:1px solid #333
}
5. SIMPAN TEMPLATE
6. Belum selesai pekerjaan kita, lanjut kalian pilih ELEMEN
7. Kalian pilih TAMBAH GADGET
8. Pilih HTML/Java Script
9. Copy script berikut didalamnya.
<div id="rizal">
<a target="_blank" href="http://matauang-kuno.blogspot.com"><img alt="ads" src="http://i703.photobucket.com/albums/ww36/popmaxnow/advertise-here-8.png" border="0" /></a>
<a target="_blank" href="http://matauang-kuno.blogspot.com"><img alt="ads" src="http://i703.photobucket.com/albums/ww36/popmaxnow/advertise-here-8.png" border="0" /></a>
</div>
<a target="_blank" href="http://matauang-kuno.blogspot.com"><img alt="ads" src="http://i703.photobucket.com/albums/ww36/popmaxnow/advertise-here-8.png" border="0" /></a>
<a target="_blank" href="http://matauang-kuno.blogspot.com"><img alt="ads" src="http://i703.photobucket.com/albums/ww36/popmaxnow/advertise-here-8.png" border="0" /></a>
</div>
10. SIMPAN, dan selesai.
KETERANGAN :
Ganti kode warna Hitam dengan URL iklan kalian
Ganti kode warna Biru dengan URL image kalian
0 comments:
Post a Comment