Selamat Datang Teman
Pin It

Cara Membuat Kotak Iklan Banner Secara Otomatis

Oke langsung saja ketahap cara pembuatannya...

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://ichalcyutebeud.co.cc/' 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 :)

***Selamat Mencoba***


Oia ada yang lupa,, ini sich bagi yang mau sajah ^_^

kalo kamu ingin mempunyai tutorial seperti ini

kamu download ajah, nanti tinggal kamu Copy Paste... simple and gak perlu di otak atik lagi ^_^


Download here

0 komentar:

Post a Comment