Cara Membuat Widget Space Iklan Banner 125 X 125

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>

#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 :

<div id="Box-Banner-ads">
<a target="_blank" href="http://gema-nada.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjbmOI5d6iulRUrTYwf89i-iEy8ChhKKBEizQyjSUg7HgdOVZG5p9rbaQZOd_MrnVOrB6vecd_1e48IAbIJcTRBF0imRgs2xlNgSf8oF6lqyuXnuICULoLjqKQZJolQgN-srgImYpjrc/s1600/125x125.gif"/></a>

<a target="_blank" href="http://gema-nada.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjbmOI5d6iulRUrTYwf89i-iEy8ChhKKBEizQyjSUg7HgdOVZG5p9rbaQZOd_MrnVOrB6vecd_1e48IAbIJcTRBF0imRgs2xlNgSf8oF6lqyuXnuICULoLjqKQZJolQgN-srgImYpjrc/s1600/125x125.gif"/></a>

<a target="_blank" href="http://gema-nada.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjbmOI5d6iulRUrTYwf89i-iEy8ChhKKBEizQyjSUg7HgdOVZG5p9rbaQZOd_MrnVOrB6vecd_1e48IAbIJcTRBF0imRgs2xlNgSf8oF6lqyuXnuICULoLjqKQZJolQgN-srgImYpjrc/s1600/125x125.gif"/></a>

<a target="_blank" href="http://gema-nada.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjbmOI5d6iulRUrTYwf89i-iEy8ChhKKBEizQyjSUg7HgdOVZG5p9rbaQZOd_MrnVOrB6vecd_1e48IAbIJcTRBF0imRgs2xlNgSf8oF6lqyuXnuICULoLjqKQZJolQgN-srgImYpjrc/s1600/125x125.gif"/></a>
</div>
Selamat mencoba, dan semoga berhasil
Share artikel ke: Facebook Google+ Twitter Digg

0 komentar:

Posting Komentar