Cara Membuat Kotak Iklan atau Space Banner di Blogger

Memasang Kotak Iklan Atau Space Banner di Blogger - Mungkin teman-teman sudah pernah melihatnya pada beberapa blog/web yang menyediakan kotak iklan / space banner ini. Space banner pada umumnya berfungsi sebagai tempat untuk mempromosikan Produk, Jasa dan lainnya pada blog/web. Bisa juga dimanfaatkan untuk menjalin backlink sesama blogger.

Kotak iklan ini biasanya dipasang pada widget atau didalam artikel blog yang sudah terkenal untuk menjalin kerjasama dengan pengiklan. Kita bisa mendapatkan penghasilan tambahan melalui penawaran para pengiklan tersebut. Karenanya sediakan halaman contact us di blog anda.

Agar semakin menarik saat memasang kotak iklan diblog, perlu diperhatikan dalam menampilkan space banner adalah tata letak serta susunannya, supaya menambah minat orang. Jadi tidak sembarangan pasang iklan / space banner, yang akhirnya membuat iklan kurang relevan untuk dilihat.

A. Langkah-langkah Membuat Kotak Iklan/Space Banner "Standard" di Blogger

1. Buka Blogger > Klik Tema > Klik tombol Edit HTML > kemudian tambahkan kode dibawah ini sebelum kode ]]></b:skin> atau </style>.

 
  
 
  CSS/* Kotak Iklan atau Space Banner */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;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 Tema

3. Kemudian klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > selanjutnya silahkan masukkan kode berikut ini ke dalam widget baru tadi.

 
  

 <div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="300" height="250" /></a>

</div>

4. Perhatikan kode yang ditandai dengan warna, ganti semua sesuai pengaturan iklan anda.

Penjelasannya:

    - Warna Biru: url iklan yang dituju
    - Warna Orange: Judul Iklan
    - Warna Ungu: url gambar
    - Warna Hijau: alt gambar
    - Warna Merah: Ukuran Gambar (Ads Size pada umumnya adalah 300x250, 728x90, 160x600, 300x50)

5. Jika sudah selesai, simpan dan lihat hasilnya

B. Cara Membuat Kotak Iklan/Space Banner "Gallery" di Blogger

1. Sama dengan cara memasang kotak iklan/space banner "standard" diatas, anda hanya perlu menggunakan kode html berikut untuk menampilkan kotak iklan atau space banner berbentuk galeri.

2. Tambahkan di Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > selanjutnya silahkan masukkan kode berikut ini ke dalam widget baru tadi.

<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> 
</div>

3. Jangan lupa untuk mengganti kode yang ditandai dengan warna tersebut sesuai pengaturan iklan anda.

4. Nah kalau sudah selesai, simpan dan lihat hasilnya maka kotak iklan/space bannernya menjadi tersusun seperti gallery.

Demikian postingan cara membuat kotak iklan/space banner di blogger yang bisa anda pelajari. Semoga bermanfaat dan menambah wawasan teman-teman semua.