Senin, 08 Oktober 2012

Cara membuat kotak iklan (Banner Box) 125 x 125

Cara membuat kotak iklan (Banner Box) - Kali ini Wan Bloggers akan menulis tentang Trik Blogspot, yaitu cara 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 disamping 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://wan-soe.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5fCuA-pBXxJR34PrxA213PJ7ySQaO_2UulRwIG7xfXnrs3n0rwtM1NwJlTZSifHBY0cseqlxyMs9TQT_TSlVC6qDeSkLqNHWsNZsXxuzGodbsbTy0J_JWyLuetleTFMkm-5boDGcVgI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5fCuA-pBXxJR34PrxA213PJ7ySQaO_2UulRwIG7xfXnrs3n0rwtM1NwJlTZSifHBY0cseqlxyMs9TQT_TSlVC6qDeSkLqNHWsNZsXxuzGodbsbTy0J_JWyLuetleTFMkm-5boDGcVgI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5fCuA-pBXxJR34PrxA213PJ7ySQaO_2UulRwIG7xfXnrs3n0rwtM1NwJlTZSifHBY0cseqlxyMs9TQT_TSlVC6qDeSkLqNHWsNZsXxuzGodbsbTy0J_JWyLuetleTFMkm-5boDGcVgI/s1600/125x125.gif"/></a>

<a target="_blank" href="http://wan-soe.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5fCuA-pBXxJR34PrxA213PJ7ySQaO_2UulRwIG7xfXnrs3n0rwtM1NwJlTZSifHBY0cseqlxyMs9TQT_TSlVC6qDeSkLqNHWsNZsXxuzGodbsbTy0J_JWyLuetleTFMkm-5boDGcVgI/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://wan-soe.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5fCuA-pBXxJR34PrxA213PJ7ySQaO_2UulRwIG7xfXnrs3n0rwtM1NwJlTZSifHBY0cseqlxyMs9TQT_TSlVC6qDeSkLqNHWsNZsXxuzGodbsbTy0J_JWyLuetleTFMkm-5boDGcVgI/s1600/125x125.gif"/></a>

Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek  kasih like-nya. Thanks.

Tidak ada komentar:

Posting Komentar