Cara Membuat Kotak Iklan Banner Secara Otomatis

7 komentar
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.

Related Posts

7 komentar

  1. salam sahabat
    info bagus thnxs n good luck ya

    BalasHapus
  2. kirain otomatisnya gak usah pake masuk ke Edit HTML..

    oia jgn lupa mampir
    sambil tukeran link

    BalasHapus
  3. @tapi lebih gampang bro, langsung tertata rapi,

    BalasHapus
  4. oh begitu caranya, kapan gw praktekin aah

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

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

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

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

    BalasHapus

Posting Komentar

Subscribe Our Newsletter