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!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top