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, jangan lupa beri klik pada kotak kecil seperti contoh di baeah ini:
Lalu cari kode ]]></b:skin> dengan cara tekan CTRL+F pada browser kanmu, dan akan muncul mencarian supaya lebih mudah.
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 :
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
Untuk kode yang berwarna merah kalian ganti sesuai dengan alamat url iklan banner yang ingin kalian pasang dan untuk yang berwarna hijau adalah url gambar kalian,
Langsung saja kalian lakukan tahap-tahap dibawah ini untuk membuat widget space iklan banner :
Masuk pada halaman Edit HTML di blogger kalian, jangan lupa beri klik pada kotak kecil seperti contoh di baeah ini:
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;
}
Kalau sudah, jangan lupa untuk di save.
Selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
http://www.fakriy.blogspot.com">ads http://alamatgambarmu"/>
Untuk kode yang berwarna merah kalian ganti sesuai dengan alamat url iklan banner yang ingin kalian pasang dan untuk yang berwarna hijau adalah url gambar kalian,