Rabu, Desember 09, 2009

Cara Membuat Kotak Iklan Banner Secara Otomatis

Kali ini ical 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://icalcell.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.


Artikel Terkait

Cara Membuat Kotak Iklan Banner Secara Otomatis
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

7 komentar

09 Desember, 2009 05:55 delete

salam sahabat
info bagus thnxs n good luck ya

Reply
avatar
10 Desember, 2009 17:22 delete

kirain otomatisnya gak usah pake masuk ke Edit HTML..

oia jgn lupa mampir
sambil tukeran link

Reply
avatar
10 Desember, 2009 17:55 delete

@tapi lebih gampang bro, langsung tertata rapi,

Reply
avatar
01 Maret, 2010 19:52 delete

oh begitu caranya, kapan gw praktekin aah

Reply
avatar
EDY
07 Mei, 2010 10:23 delete

thank's berat bos ilmu bos bermamfaat. jarang orang baik kaya bos. kita sambil belajar.thaks

Reply
avatar
21 Desember, 2011 23:36 delete

thanks atas infonya gan, salam kenal
http://caramembuatyangakumau.blogspot.com

Reply
avatar
03 Juli, 2015 21:21 delete

Cara yang mudah untuk dimengerti pada artikel ini. Izin coba Mas pada blog yang saya punya..

sekalian izin blog walking :
http://miniblogger28.blogspot.com

Reply
avatar