Blog selain sebagai tempat untuk membagi ilmu juga bisa untuk menambah penghasilan, yaitu dengan memasang kotak banner iklan. Cuman kadang lebar kotak banner bawaan dari templete terlalu lebar sehingga sedikit banner yang bisa kita pasang.
Untuk memecah kotak banner iklan menjadi 4 (empat) kotak kecil disini saya sampaikan caranya
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://terasdwi.blogspot.com/" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a></div>
<a href="http://terasdwi.blogspot.com/" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a>
<a href=" http://terasdwi.blogspot.com /" target="_blank"><img alt="ads" border="0" src=" http://i1266.photobucket.com/albums/jj527/divarizki72/bagus2_zpsa4904226.jpg" /></a></div>
Untuk kode yang berwarna Merah kalian ganti sesuai dengan alamat url iklan banner yang ingin kalian pasang dan untuk yang berwarna Biru adalah url gambar iklan.
sumber : http://nge-jeb.blogspot.com
0 komentar:
Posting Komentar