1. Login ke blog
2. Pilih Layout kemudian Edit HTML
3. Ceklist pada Expand Widget Templete
4. Cari Kode Seperti dibawah ini (untuk mempermudah tekan tombol pada kerboard Ctrl + F)
]]></b:skin>
5. Kopi kode berikut kemudian tempatkan persis diatas kode tersebut.
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 125px;
height : 125px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
6. Copy semua kode dibawah ini :
<div id='Banner-ads'>
<a hight='100' href='http://shopudin.blogspot.co.id/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.imgxc.com/fullimage/CcXB4g.gif'/></a>
</div>
Keterangan :
---> tulisan berwarna biru dengan "url web/blog" anda
---> tulisan berwarna merah ganti dengan "url gambar" anda
---> untuk memperbanyak jumlah kotak iklan link banner paste kan saja kode tersebut
7. Kemudian letakkan persis di atas kode berikut :
<div id='main-wrapper'>
NB: kode diatas adalah penempatan kotak banner tersebut, tempat sesuka anda, mau di header, di footer, dan lain-lain
8. Preview dulu ,setelah hasilnya bagus baru di save.
Ok!!!
saya rasa cukup sampai disini dulu,, semoga bermanfaat yach :)
TERIMA KASIH
MENCOBA BELAJAR ONLINE SHOP