Cara Membuat Kotak Space Banner Iklan pada Blog

Cara Membuat Kotak Space Iklan pada Blog - Kotak space banner iklan diperuntukkan bagi blog anda yang menyediakan ruangan untuk advertiser. jadi dengan menyediakan kotak space iklan tersebut, pengunjung blog kita atau advertiser tahu bahwa blog kita memang menyeduiakan space untuk banner iklan, sehingga ini akan memudah kan penyedia iklan untuk memasang iklannya pada blog kita.

Manfaat membuat kotak space banner iklan adalah agar blog kita mempercepat datangnya pengiklan, yang pada gilirannya akan mendatangkan income bagi tuan blog. Bagaiamana, anda tertarik untuk membuat kotak space banner iklan di blog anda? Kalau blog kita memiliki banyak pengunjung atau visitor maka ini bisa menjadi ladang basah bagi kita :P

OK, kalau anda sudah paham sekilas tentang kotak space iklan banner, sekarang kita lihat bagaimana cara membuat kotak space iklan tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:
1. Masuk ke dashboard > template/design < Edit HTML
2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin> [kode ini saya ambil dari blog buka-rahasia.blogspot.com]

#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Note: Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak dari atas bawah, nilai kedua jarak kiri kanan.
3. Save Template.
4. Buka layout/design > Add a widget > Pilih HTML/Javascript.
5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan)

<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>

6. Save, drag dan geser gadget kemana yang anda suka :)

Share this post