Cara Membuat Kotak Banner Iklan di Blog

Cara Membuat Kotak Banner Iklan di Blog - Memasang kotak iklan banner ukuran 125 x 125 pixel di blog sangat mudah. Widget kotak iklan ini biasanya di simpan pada bagian sidebar blog, dalam satu kotak widget iklan ini bisa di bagi menjadi empat bagian kotak kecil ukuran 125x125 px.

Baca juga: Cara Memasang Iklan Adsense di Tengah Postingan

Membuat space banner iklan di blog ini sangat mudah, hanya dengan menggunakan kode HTML dan sedikit sentuhan kode CSS untuk mengatur posisinya Anda sudah dapat memasang space iklan banner ukuran 125 x 125 pixel pada blog Anda.

Jika Anda memiliki situs website atau blog dengan memiliki banyak pengunjung, memasang space iklan banner pada blog Anda bisa menjadi peluang bisnis internet. Tidak menutup kemungkinan akan ada tawaran yang masuk ke email Anda untuk memasang iklan di blog Anda. Oleh karena itu sebaiknya Anda membuat sebuah halaman kontak, agar setiap orang dapat dengan mudah menghubungi Anda.

Untuk mendapatkan tawaran iklan Anda harus membuat slot atau space iklan yang menarik dan tentunya menyediakan berbagai ukuran, semakin besar ukuran iklan akan semakin mahal juga harganya. Namun jika blog Anda tidak memiliki cukup ruangan untuk iklan maka membuat kotak iklan banner ukuran 125x125 adalah solusi terbaik untuk menghemat ruang blog Anda.

Cara Membuat Kotak Banner Iklan di Blog

Baik langsung saya bagi Anda yang ingin membuat kotak banner iklan di blog silahkan ikuti langkah-langkahnya dibawah ini:

DEMO

1. Masuk ke Blogger.com.
2. Lalu klik Tema > Edit HTML.
3. Cari kode ]]></b:skin> atau </style>
4. Copy kode css dibawah ini, lalu Paste di atas kode ]]></b:skin> atau </style>

/* Kotak Iklan */
.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;}

5. Lalu klik Simpan tema.
6. Kemudian klik Tata Letak > Tambahkan Gadget > pilih HTML/JavaScript > lalu masukkan kode HTML dibawah ini.

<div class="kotak_iklan">
<a href="URL Tujuan" title="Judul Iklan"><img class="noborder" src="URL Gambar" alt="Judul Gambar" title="Judul Gambar" width="125" height="125" /></a>
<a href="URL Tujuan" title="Judul Iklan"><img class="noborder" src="URL Gambar" alt="Judul Gambar" title="Judul Gambar" width="125" height="125" /></a>
<a href="URL Tujuan" title="Judul Iklan"><img class="noborder" src="URL Gambar" alt="Judul Gambar" title="Judul Gambar" width="125" height="125" /></a>
<a href="URL Tujuan" title="Judul Iklan"><img class="noborder" src="URL Gambar" alt="Judul Gambar" title="Judul Gambar" width="125" height="125" /></a>
</div>

7. Lalu klik Simpan.

Catatan:
Silahkan ganti URL Tujuan, Judul Iklan, URL Gambar, dan Judul Gambar.

Baca juga: Cara Memasang Iklan Otomatis AdSense di Blogger

Itulah artikel mengenai cara membuat kotak banner iklan di blog, saya rasa hal ini cukup mudah untuk Anda lakukan sendiri, jika masih bingung silahkan menghubungi kami melalui halaman kontak atau dengan berkomentar dibawah ini.

Cara Manual

Cuman hobi nulis tentang tutorial blog jadi deh blog cara manual.

Bagikan Artikel ini