English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Kamis, 07 Juni 2012

cara membuat widget space iklan banner atau widget kotak iklan di blog

 

Pada Posting kali ini saya akan memberitahukan cara membuat widget space iklan banner atau widgetkotakiklan di blog, kalian bisa melihat contohnya pada Blog ini, maanfaat blog yang memiliki space iklan banneradalah bisa mendapatkan pemasukan berupa uang yang didapat dari para advertiser pemasangiklan, setidaknya blog kalian memiliki Page Rank dan visitor yang lumayan banyak agar para advertiser pemasang iklan tertarik untuk memasang iklan di blog kalian, 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 href="http://ilyassyahid.blogspot.com/" target="_blank"><img alt="ads" border="0" src=" http://i1157.photobucket.com/albums/p596/pandjie20/ads.gif" /></a>
<a href=" http://ilyassyahid.blogspot.com/" target="_blank"><img alt="ads" border="0" src="
http://i1157.photobucket.com/albums/p596/pandjie20/ads.gif" /></a>
<a href=" http://ilyassyahid.blogspot.com/" target="_blank"><img alt="ads" border="0" src="
http://i1157.photobucket.com/albums/p596/pandjie20/ads.gif" /></a>
<a href=" http://ilyassyahid.blogspot.com/" target="_blank"><img alt="ads" border="0" src="
http://i1157.photobucket.com/albums/p596/pandjie20/ads.gif" /></a></div>

 

 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 iklan,