Tuesday, February 19, 2013

Cara Membuat Kotak Banner Iklan di Blog / Website


Cara Membuat Kotak Banner Iklan di Blog / Website | Menampilkan space iklan berupa banner ini untuk membuat penghasilan di website / blog agar seorang Advertiser / pemasang iklan dapat mengiklankan produk di website / blog. Dari kotak Banner iklan tersebut dapat dimanfaatkan bisnis blog yang bermanfaat.
Langsung saja Cara Membuat Kotak Banner Iklan dengan mengikuti langkah-langkah dibawah ini:

1. Login ke Blogger > Template
2. Edit Html > Centang Expand Template Widget
5. Cari kode ]]></b:skin> (Gunakan ctrl+F untuk mempermudah pencarian)
6. Kalau sudah dapat, copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>

#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} 

6. Save Template

7. Selanjutnya buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript

8. Copy kode HTML di bawah ini dan paste di kotak yang telah disediakan

<div id="ads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiRgrm1gVA2CzLStXs7VBd5ys4EmVICOM4aqsPYcTlURH3lkuh02D9J0q0SK7BysfOmijktNeF6Nkyl3Cn55cIdhf4KlRQNQbMLifhfdAyjJGepRyE0QfR6Lg-9K1io96m9mURtc0BddYi/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiRgrm1gVA2CzLStXs7VBd5ys4EmVICOM4aqsPYcTlURH3lkuh02D9J0q0SK7BysfOmijktNeF6Nkyl3Cn55cIdhf4KlRQNQbMLifhfdAyjJGepRyE0QfR6Lg-9K1io96m9mURtc0BddYi/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiRgrm1gVA2CzLStXs7VBd5ys4EmVICOM4aqsPYcTlURH3lkuh02D9J0q0SK7BysfOmijktNeF6Nkyl3Cn55cIdhf4KlRQNQbMLifhfdAyjJGepRyE0QfR6Lg-9K1io96m9mURtc0BddYi/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiRgrm1gVA2CzLStXs7VBd5ys4EmVICOM4aqsPYcTlURH3lkuh02D9J0q0SK7BysfOmijktNeF6Nkyl3Cn55cIdhf4KlRQNQbMLifhfdAyjJGepRyE0QfR6Lg-9K1io96m9mURtc0BddYi/s1600/your-ad-here-15.gif" /></a>
</div>

9. Save dan lihat hasilnya

Keterangan :
  • Silahkan ganti untuk yang warna merah dengan URL website / blog advertiser atau pemasang iklan
  • Warna Orange ganti dengan judul yang ingin ditampilkan oleh advertiser.
  • Warna Biru ganti dengan alt tag yang ingin digunakan, penggunaannya sama seperti alt tag pada gambar posting blog.
  • Warna Magenta ganti dengan alamat URL gambar

Semoga Cara Membuat Kotak Banner Iklan di Blog / Website bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Kotak Banner Iklan di Blog / Website silahkan komentar di bawah. 

2 comments: