Cara Membuat Kotak Iklan di Blog

Membuat kotak iklan berupa banner diblog adalah salah satu peluang usaha untuk mendapatkan penghasilan uang dari pemasang iklan. Terutama bagi blog yang telah memiliki banyak pengunjung dan tingkat kepopuleran pada mesin pencarian.

Namun tidak menutup kemungkinan bagi blog yang masih tergolong baru untuk mendapatkan tawaran dari pihak pengiklan dan tertarik untuk memasang iklan mereka diblog Anda.

Selain itu, Anda juga dapat mencari sendiri pihak pengiklan dengan memberikan penawaran kepada website lain  atau pebisnis online untuk memasang iklan mereka diblog Anda. Jika mereka bersedia, Anda akan mendapatkan penghasilan langsung dari pengiklan saat iklan mulai terpasang dengan harga yang sudah disepakati tentunya.

Agar para pihak pengiklan tertarik untuk memasang iklan diblog Anda, sebaiknya kotak iklan dibuat sedemikian rupa agar banyak orang teratarik, seperti tata letak dan susunannya.

Jika Anda tertarik kali ini saya akan memberikan tutorial untuk membuat kotak iklan yang berukuran 125x125 pixel dengan jumlah kotak iklan 4 buah dan nantinya terletak pada sidebar. Atau Anda bisa membuat ukuran dan penempatan yang berbeda atau disesuaikan dengan tema yang digunakan.

1. Masuk Blogger > Tema > Edit HTML > Lalu letakan kode berikut sebelum tag </head> atau ]]></b:skin>.

/* Kotak Iklan */

.kotak_iklan {text-align:center;}

.kotak_iklan img {margin:0 5px 5px 0;padding:5px;text-align:center;border:1px solid #ddd;}

.kotak_iklan img:hover {border:1px solid #aaa;}

.kotak_iklan img.noborder {border:0;}

2. Simpan Template

3. Pilih menu Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > Lalu tambahkan kode berikut pada kolom widget baru.

<div class="kotak_iklan">

<a href="url iklan yang dituju" title="judul iklan"><img class="noborder"> src="url gambar" alt="alt gambar" width="125" height="125"/></a>

<a href="url iklan yang dituju" title="judul iklan"><img class="noborder"> src="url gambar" alt="alt gambar" width="125" height="125"/></a?

<a href="url iklan yang dituju" title="judul iklan"><img class="noborder"> src="url gambar" alt="alt gambar" width="125" height="125"/></a>

<a href="url iklan yang dituju" title="judul iklan"><img class="noborder"> src="url gambar" alt="alt gambar" width="125" height="125"/></a>

Silahkan ganti tulisan yang diblok, dengan deskripsi sesuai blog Anda.

4. Jika sudah, simpan template kembali lalu lihat hasilnya.

Sekian dulu sobat, semoga tutorial ini dapat membantu dan bermanfaat.