ads ads ads ads ads ads ads ads ads
Image and video hosting by TinyPic

Minggu, 18 Desember 2011

Cara bikin kotak iklan (Banner Box)



Tutorial untuk blogspot, kali ini saya akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu jelasain lagi untuk apa..saya yakin pasti semua sudah ngerti. Oh iya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, Ya udah saya tulis aja tutorialnya dibawah ini:


Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

#Box-Banner-ads  {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads  img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads  img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}
Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.
 
<div id="Box-Banner-ads">

<a target="_blank" href="http://kontactr.com/user/andibrilin"><img 
border="0" alt="ads" src="http://gickr.com/results4/anim_aa3cc1e1-40c8-f2d4-5562-cdf3a9784731.gif"/></a>

<a target="_blank" href="http://kontactr.com/user/andibrilin"><img 
border="0" alt="ads" src="http://gickr.com/results4/anim_aa3cc1e1-40c8-f2d4-5562-cdf3a9784731.gif"/></a>
<a target="_blank" href="http://kontactr.com/user/andibrilin"><img 
border="0" alt="ads" src="http://gickr.com/results4/anim_aa3cc1e1-40c8-f2d4-5562-cdf3a9784731.gif"/></a>

<a target="_blank" href="http://kontactr.com/user/andibrilin"><img 
border="0" alt="ads" src="http://gickr.com/results4/anim_aa3cc1e1-40c8-f2d4-5562-cdf3a9784731.gif"/></a>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.

<a target="_blank" href="http://kontactr.com/user/andibrilin"><img  
border="0" alt="ads" src="http://gickr.com/results4/anim_aa3cc1e1-40c8-f2d4-5562-cdf3a9784731.gif"/></a>

Selamat Mencoba

Tidak ada komentar:

Posting Komentar