Cara Membuat Kotak Iklan (Banner Ads) Di Slidebar

Cara Membuat Kotak Iklan (Banner Ads) Di Slidebar, Memasang Banner Ads di blog bisa di bilang penting apalagi bagi para blogger yang ingin mendapatkan uang tambahan di blognya!
Dengan memasang kotak iklan (Banner Ads) di blog maka akan menarik atau memudah pemasang iklan untuk memsang iklan atau banner mereka di blog sobat.
Dan untuk Cara Membuat Kotak Iklan (Banner Ads) Di Slidebar ini juga cukup mudah kok!
Bagaimana apakah sobat ingin memasang Kotak Iklan (Banner Ads) Di Slidebar blog sobat? kalo intinya untuk mencari uang tambahan siapapun pasti berminat ya, hehehe . . .

Contoh Iklan (Banner Ads)

Mari sekrang kita bahas Cara Membuat Kotak Iklan (Banner Ads) Di Slidebar blog sobat!

1. Masuk ke akun blogger sobat.

2. Pada menu klick Rancangan ➨ Edit HTML.

3. Centang Expand Template Widget ➨ Unduh dulu templatenya untuk berjaga-jaga bila terjadi kesalahan.

4. Selanjutnya dalam Edit Template sobat cari kode  ]]></b:skin> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Jika sudah ketemu sekarang sobat letakkan kode script berikut di atas kode tadi.

#banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

6. Simpan Template.

7. Sekarang pada menu sobat klick Rancangan ➨ Tambah gadget (di bagian manapun sobat ingin kotak Banner Ads ini muncul)

8. Pilih elemen HTML/Java Script.

9. Lalu copy code script berikut dan letakkan atau paste di dalam elemen HTML/Java Script tadi.

<div id="banner-ads">


<a target="_blank" href="http://otowebsite.blogspot.com"><img
border="0" alt="ads" src="http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/th_spaceiklan.gif"/></a>
<a target="_blank" href="http://otowebsite.blogspot.com"><img
border="0" alt="ads" src="http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/th_spaceiklan.gif"/></a>
<a target="_blank" href="http://otowebsite.blogspot.com"><img
border="0" alt="ads" src="http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/th_spaceiklan.gif"/></a>
<a target="_blank" href="http://otowebsite.blogspot.com"><img
border="0" alt="ads" src="http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/th_spaceiklan.gif"/></a>


</div>

10. Simpan.

Sekarang sobat bisa lihat sendiri hasilnya.

Keterangan:
Ganti teks warna merah dengan url tujuan.
Teks warna biru adalah url gambar, jika kurang suka silahkan sobat ganti.

Untuk menambahkan kotak iklan (Banner Ads) sobat cukup tambahkan kode berikut di atas kode </div>

<a target="_blank" href="http://otowebsite.blogspot.com"><img
border="0" alt="ads" src="http://i1263.photobucket.com/albums/ii623/dek_rif/Blog/th_spaceiklan.gif"/></a>

Saya rasa cukup untuk kali ini!
Silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!