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 dibawah ini.
Cara membuat kotak iklan (Banner Box):
Pertama, masuk pada halaman Edit HTML, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><
Pastekan Kode dibawah ini untuk menampilkan iklannya :
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.
Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek kasih like-nya. Thanks.
SUMBER BY WAN-SOE BLOG
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).
<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/AVvXsEhJuUJxItYeZmkfckoJELbhdEkv7zA6-MLFhg6XA08CsKb85ytnIThnrV-cB2S5akhl0e7vS4NX85qoF1xShNHbkoyXbqrLP4d6h1v14-KObXsteXc_hDpyLtPk7EJihxlygcd3MQ34WNM/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/AVvXsEhJuUJxItYeZmkfckoJELbhdEkv7zA6-MLFhg6XA08CsKb85ytnIThnrV-cB2S5akhl0e7vS4NX85qoF1xShNHbkoyXbqrLP4d6h1v14-KObXsteXc_hDpyLtPk7EJihxlygcd3MQ34WNM/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/AVvXsEhJuUJxItYeZmkfckoJELbhdEkv7zA6-MLFhg6XA08CsKb85ytnIThnrV-cB2S5akhl0e7vS4NX85qoF1xShNHbkoyXbqrLP4d6h1v14-KObXsteXc_hDpyLtPk7EJihxlygcd3MQ34WNM/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/AVvXsEhJuUJxItYeZmkfckoJELbhdEkv7zA6-MLFhg6XA08CsKb85ytnIThnrV-cB2S5akhl0e7vS4NX85qoF1xShNHbkoyXbqrLP4d6h1v14-KObXsteXc_hDpyLtPk7EJihxlygcd3MQ34WNM/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/AVvXsEhJuUJxItYeZmkfckoJELbhdEkv7zA6-MLFhg6XA08CsKb85ytnIThnrV-cB2S5akhl0e7vS4NX85qoF1xShNHbkoyXbqrLP4d6h1v14-KObXsteXc_hDpyLtPk7EJihxlygcd3MQ34WNM/s1600/125x125.gif"/></a>
Semoga tutorial ini bermanfaat buat anda, jangan lupa setelah praktek kasih like-nya. Thanks.
SUMBER BY WAN-SOE BLOG