Cara Membuat Kotak Iklan di Blog

Daftar Isi [Tampilkan]
Cara Membuat Kotak Iklan di Blog - Melanjutkan tutorial sebelumnya membuat banner animasi dan flash serta memasang iklan di kanan dan kiri blog, pada kesempatan ini saya akan membahas mengenai tutorial membuat kotak iklan di blog yang berukuran 125x125 px. Mungkin Anda sudah mengetahui bahwa kegiatan menulis artikel di blog (blogging) kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu. Membuat blog dan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian (baca: cara mendapatkan uang dari blog).
Menampilkan atau membuat space iklan berupa banner di website / blog biasanya dijadikan peluang bisnis tersendiri oleh blog atau website yang memiliki pengunjung yang banyak dan memiliki kepopuleran di search engine (baca cara meningkatkan pengunjung blog). Namun tidak tertutup kemungkinan blog Anda yang masih baru dapat tawaran oleh pihak advertise untuk memasang iklan mereka ke dalam blog yang Anda miliki. Jika Anda tertarik untuk menyediakan atau membuat kotak iklan di blog, ikuti tutorial blogger yang akan saya jelaskan berikut ini.


Membuat Kotak Iklan di Blog


Perlu saya sampaikan sebelum Anda membuat kotak iklan de blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.

1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"

membuat kotak iklan

3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.

 /** 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 #333}

4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget >  Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>

Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.

7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel