Cara Membuat Kotak Iklan (Banner Ads)

Cara Membuat Kotak Iklan (Banner Ads)Tutorial blogger kali ini saya akan membahas mengenai cara memasang kotak iklan atau banner ads pada blog. Sebelumnya saya juga pernah membahas artikel mengenai Banner Iklan Ala BuySellAds, tetapi saya membahas lagi artikel mengenai cara membuat kotak iklan dengan tampilan yang sederhana/biasa. Perlu diketahui bahwa sebuah blog yang kaya akan konten dan memiliki pengunjung yang banyak akan menyulap blog tersebut menjadi blog bisnis. Memanfaatkan pengunjung yang banyak sebuah blog sangat cocok untuk membuka layanan iklan pada blognya dengan harga tinggi, karena disesuaikan dengan statistik blog. Tampilan dari iklan ini memiliki ukuran 125x125. Nah tetapi tidak salahnya jika Anda memiliki blog yang minim pengunjung atau sedikit untuk memasang kotak iklan ini dan tidak ada yang melarang. Nah mari kita mulai dengan langkah-langkahnya.

Caranya,
  • Silahkan kalian login dengan email dan password Anda ke blogger,
Gambar 1.2
  • Selanjutnya, pada dasboard blog Anda silahkan pilih Template,
Gambar 1.3
  • Selanjutnya, anda pilih Edit Html dan jangan lupa ceklist Expand Template Widget,
  • Gunakan ctrl-F untuk mencari kode di bawah ini,
]]></b:skin>
  • Setekah itu, letakan kode css di bawah ini sebelum kode di atas,
#Box-Banner-ads{text-align:center;margin:0;padding:5px}
#Box-Banner-ads img{text-align:center;border:1px solid silver;margin:0 4px 4px 0;padding:3px}
#Box-Banner-ads img:hover{text-align:center;border:1px solid #333;margin:0 4px 4px 0;padding:3px}  
  • Simpan Template.
Langkah Selanjutnya.
  • Pilih Tata Letak » Tambah Widget,
  • Lalu » Pilih HTML/Javascript,
  • Selanjutnya » Masukan masukan (copy paste) kode di bawah ini
<div id="Box-Banner-ads">
<a target="_blank" href="http:/koisine.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http:/koisine.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http:/koisine.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http:/koisine.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
</div>
  • Simpan.
Anda perlu mengganti tulisan yang bercetak tebal.
http:/koisine.blogspot.com - Ganti dan masukan alamat url yang dituju.
http://oom.blog.googlepages.com/Banner2.gif - Ganti dan masukan alamat utl gambar.

Tampilanya seperti gambar di bawah ini
Baner Ads 125x125

Sekian artikel mengenai mengenai "Cara Membuat Kotak Iklan (Banner Ads)" pada kesempatan kali ini. Semoga artikel ini dapat bermanfaat atau hanya sekedar info dan hiburan.

Terima kasih.
4.5

0 komentar:

Posting Komentar