Posting kali ini saya akan memberitahu cara membuat widget space iklan banner atau bisa juga disebut kotak iklan, kalian bisa melihat contohnya pada gambar disamping, maanfaat blog yang memiliki space iklan banner adalah bisa mendapatkan pemasukan berupa uang yang didapat dari para advertiser pemasang iklan, setidaknya blog kalian memiliki Page Rank dan visitor yang lumayan banyak agar para advertiser pemasang iklan tertarik untuk memasang iklan di blog kalian, di blog saya ini memang belum memasang space iklan karena template yang saya gunakan tidak mendukung untuk memasang space iklan, saya rasa kalian mungkin bisa memakai fasilitas ini untuk menaruh foto,banner sendiri dan lain sebagainya. masing-masing setiap banner ukurannya hanya 125x125.
Langsung saja kalian lakukan tahap-tahap dibawah ini untuk membuat widget space iklan banner :
Masuk pada halaman Edit HTML di blogger kalian, lalu cari kode ]]></b:skin> dan letakkan kode CSS berikut tepat di atas kode ]]></b:skin>
Kalau sudah, jangan lupa untuk di save, selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :
Untuk kode yang berwarna Kuning kalian ganti sesuai dengan alamat url iklan banner yang ingin kalian pasang dan untuk yang berwarna Hijau adalah url gambar iklan,
Selamat mencoba, dan semoga berhasil
Langsung saja kalian lakukan tahap-tahap dibawah ini untuk membuat widget space iklan banner :
Masuk pada halaman Edit HTML di blogger kalian, lalu cari kode ]]></b:skin> dan letakkan kode CSS berikut tepat di atas kode ]]></b:skin>
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Kalau sudah, jangan lupa untuk di save, selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :
<div id="Box-Banner-ads">
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
</div>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://ishizawa-blog.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
</div>
Untuk kode yang berwarna Kuning kalian ganti sesuai dengan alamat url iklan banner yang ingin kalian pasang dan untuk yang berwarna Hijau adalah url gambar iklan,
Selamat mencoba, dan semoga berhasil