Cara Membuat Kotak Banner Iklan di Blog / Website

Friday, February 8, 2013 | comments (1)


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/AVvXsEiV4FhQGg63asDMjlAiROwljJnV81YPpcGKfmMhVeBmNGcS1FpTtou12wY8mXU3sdSRBKg73don_t8Bb1ZtPYKVL_N1NGje0fmyhEoAyRCKVYzoymeRyOfRnE5-kq6ziccU-39bfoS1sT7x/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/AVvXsEiV4FhQGg63asDMjlAiROwljJnV81YPpcGKfmMhVeBmNGcS1FpTtou12wY8mXU3sdSRBKg73don_t8Bb1ZtPYKVL_N1NGje0fmyhEoAyRCKVYzoymeRyOfRnE5-kq6ziccU-39bfoS1sT7x/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/AVvXsEiV4FhQGg63asDMjlAiROwljJnV81YPpcGKfmMhVeBmNGcS1FpTtou12wY8mXU3sdSRBKg73don_t8Bb1ZtPYKVL_N1NGje0fmyhEoAyRCKVYzoymeRyOfRnE5-kq6ziccU-39bfoS1sT7x/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/AVvXsEiV4FhQGg63asDMjlAiROwljJnV81YPpcGKfmMhVeBmNGcS1FpTtou12wY8mXU3sdSRBKg73don_t8Bb1ZtPYKVL_N1NGje0fmyhEoAyRCKVYzoymeRyOfRnE5-kq6ziccU-39bfoS1sT7x/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. 
Share this article :

+ comments + 1 comments

February 11, 2015 at 12:47 PM

keren

Post a Comment

 
Support : Creating Website | Johny Template | Berbisnis Online | Mas Template | gonxbross
Copyright © 2013. Amatir BlogID - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger