Membuat Kotak Iklan

Pada tutorial kali ini aku akan share ilmu bagi teman-teman blogger mengenai cara Buat kotak iklan di blogger. 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.





Langsung saja kalian lakukan tahap-tahap dibawah ini untuk membuat widget space iklan banner :


  • Log in ke account blogger anda


  • Pada dasbor --> Rancangan --> Edit HTML


  • Cari kode berikut ini ]]></b:skin>


  • Kemudian taruh kode CSS dibawah ini diatasnya




#Nobi-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Nobi-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Nobi-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}


  • Klik Simpan


  •  Selanjutnya Pada Elemen Laman --> Pilih Tambah Gadget --> Pilih HTML/Javascipt


  • Kemudian anda tinggal memasukan kode dibawah ini.


<div id="Nobi-ads">
<a target="_blank" href="http://nobinoku.blogspot.com/"><img alt="ads" src="http://img815.imageshack.us/img815/5209/125x125ad.gif" border="0" /></a>

<a target="_blank" href="http://nobinoku.blogspot.com/"><img alt="ads" src="http://img815.imageshack.us/img815/5209/125x125ad.gif" border="0" /></a>

<a target="_blank" href="http://nobinoku.blogspot.com/"><img alt="ads" src="http://img815.imageshack.us/img815/5209/125x125ad.gif" border="0" /></a>

<a target="_blank" href="http://nobinoku.blogspot.com/"><img alt="ads" src="http://img815.imageshack.us/img815/5209/125x125ad.gif" border="0" /></a>


</div>


  • Klik Simpan Selesai

NB: Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai dengan keinginan anda. jangan lupa mengganti kuning dengan alamat url anda sendiri.



sumber: nobinoku.blogspot.com

Read this | Baca yang ini



Widget by [ Tips Blogger ]

0 comments:

Post a Comment

 
hostgator coupon