Cara Membuat Kotak Iklan Banner Secara Otomatis

Kali ini Adi akan memerikan cara menambahkan kotak iklan banner pada tempat tertentu yang jelasnya akan tertata rapi otomatis, mungkin masih ada yang belum terlalu paham, coba kamu perhatikan di bagian bawah blog ini, terdapat beberapa iklan banner 125x125, nah itulah yang ical maksud,

Oke langsung saja ical berikan langkahnya

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://cahya-maju.blogspot.com/' target='_blank' width='100'><img alt='ads' border='0' src='http://upload.kapanlagi.com/images/thumb/20091031065353_icalholic_4aeb7c918a542-t.jpg'/></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.

Selamat Mencobanya!!!