Menampilkan space iklan di blog
memberi peluang & informasi pada advertiser bahwa blog tersebut
menawarkan space iklan yg dapat disewa. Apalagi jika blog tersebut
memiliki kredibilitas, rank, serta traffic tinggi, maka
advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang
iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi
blog baru memberikan space/ruang tersendiri sebagai tempat beriklan
advertiser. Hitung-hitung sebagai persiapan dan kali saja ada advertiser
yg tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik
tersendiri apabila diletakkan dengan benar.
Nah, guna memasang
space iklan,
kita butuh menyusun template tersendiri agar iklan tersusun rapi dan
enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya
bisa berantakan. Kali ini saya akan share kode
template iklan yg saya buat serta gunakan untuk blog
buka-rahasia.blogspot.com.
Fitur dari template iklan 125x125 buka-rahasia.blogspot.com:
- Fleksibel, susunan yg tampil sesuai dengan lebar widget.
- Efek Border radius.
- Efek Transparan/Opacity ketika gambar di-hover.
- Gampang di edit guna memasang gambar iklan & link.
- Update (28-01-2012, 19.03 WIB):
Dengan menghilangkan width serta height, template space iklan ini
sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan,
125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg
diinginkan maka widget space iklan akan muncul sesuai dengan ukuran
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>
#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);}
Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak 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>
Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="
MASUKKAN-URL" target="_blank" title="
TITLE-IKLAN"><img alt="
ALT/TEXT GAMBAR" border="0" src="
URL GAMBAR" /></a>
di atas </div>.
6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg
lebar & besar, letakkan widget di bawah header atau di atas posting.
Save lagi.
Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran
125x125), untuk ukuran lain atau ingin yg sesuai selera & desain
blog, bisa dicari di Google dengan keywords "
ads space banner image (ukuran banner)". Upload gambar, ganti
URL GAMBAR dengan url gambar yg sudah di-upload.
Note: Host/upload gambar sendiri. Jangan hanya gunakan url gambar di
atas karena sewaktu-waktu gambar dapat hilang/dihapus. Klik kanan di
atas gambar, save as ke komputer, lalu upload.
