Cara membuat kotak iklan (Banner Box)

Cara membuat kotak iklan (Banner Box) - Kali ini Wan Bloggers akan menulis tentang Trik Blogspot, yaitucara membuat kotak iklan 125 x 125 atau banner box. Fungsinya tiada lain untuk menempatkan iklan yang akan dipasang di blog kita jika suatu saat blog kita visitornya sudah ramai. Saya sarankan penawaran kepada pemasang iklan pada blog kita jika blog kita sudah benar-benar ramai, percuma saja blog kita masih sepi ditawarin kepada orang buat pasang iklan merekapun akan berpikir dua kali dan mereka tidak akan sudi merogoh koceknya seandainya blog kita biasa-biasa saja. Baiklah untuk jelasnya lihat bentuknya 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;
} 

Kalau sudah, selanjutnya buat element halaman baru (caranya : Klik tata letak >> tambah gadget >> HTM/Javascript). 

Pastekan Kode dibawah ini untuk menampilkan iklannya :

<div id="Box-Banner-ads">
<a target="_blank" href="http://kokeykhia.blogspot.com"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>

<a target="_blank" href="http://kokeykhia.blogspot.com"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>

<a target="_blank" href="http:// kokeykhia .blogspot.com"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>

<a target="_blank" href="http:// kokeykhia .blogspot.com"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>
</div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. Jangan lupa mengganti warna Merah dengan alamat URL target iklan mau diarahkan kemana, dan warna Hijau untuk alamat gambarnya. 

<a target="_blank" href="http:// kokeykhia .blogspot.com"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd351Z2jIPsFbSafTD21Tk_bTa5YOQk1VvYx6TA2C0v6sfulDQ-7_QavzhUnuujQh5IWxqnGnF5zMzOk5zEw_bN0qcLETIOg6YlTidA3PbnQUHMb8jdtE08SJxL3XWn8H83e4KBZURLdw/s1600/125x125.gif"/></a>

Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek !!!



GABUNG Halaman Facebook saya Kokeykhia.com ,


dengan mengklik Tombol SUKA dibawah ini
www.facebook.com/kokeykhia

BACA JUGA YANG INI :