- Back to Home »
- Tips Trick And Tutorial »
- Tips Cara Membuat Kotak Iklan (Banner Box) Di Blog
Posted by : Rob
26 Jul 2012
Membuat blog kita menghasilkan uang bukanlah sesuatu yang mustahil, karena sudah banyak blogger-blogger master yang membuat blog sebagai ladang uang.
Untuk menghasilkan uang dari blog dibutuhkan beberapa persyaratan misalnya, memiliki traffic tinggi atau blog sudah memiliki pagerank (min. pagerank 1). dan apabila kedua persyaratan tersebut sudah terpenuhi niscaya blog yang anda kelola bisa mendatangkan penghasilan tambahan untuk anda.
Salah satu cara menghasilkan uang lewat blog adalah dengan memberikan slot/tempat bagi pengiklan yang akan memasang bannernya di blog kita.
Berikut tips dan triknya Cara Membuat Kotak Iklan (Banner Box) Di Blog :
Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[
#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;
}
Save/Simpan Templatenya.
weiitss.... Belum sampai disitu, masih kelanjutannya setelah beberapa komersial break berikut,, hehehehehehe (bercanda kawan)
Kembali kemenu layout kemudian kemenu page element dan pilih HTML/JAVASCRIPT dan copy lalu pastekan semua kode dibawah ini
<div id="Box-Banner-ads">
<a target="_blank" href="http://indraahmadrobani.blogspot.com"><img
border="0" alt="ads" src="http://i1211.photobucket.com/albums/cc423/yhudiyuba/banner.jpg"/></a>
<a target="_blank" href="http://indraahmadrobani.blogspot.com"><img
border="0" alt="ads" src="http://i1211.photobucket.com/albums/cc423/yhudiyuba/banner.jpg"/></a>
<a target="_blank" href="http://indraahmadrobani.blogspot.com"><img
border="0" alt="ads" src="http://i1211.photobucket.com/albums/cc423/yhudiyuba/banner.jpg"/></a>
<a target="_blank" href="http://indraahmadrobani.blogspot.com"><img
border="0" alt="ads" src="http://i1211.photobucket.com/albums/cc423/yhudiyuba/banner.jpg"/></a>
</div>
Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna biru ganti dengan alamt url yg akan di iklan kan dan hijau ganti dengan url foto yg akan di iklan kan
<a target="_blank" href="http://indraahmadrobani.blogspot.com"><img
border="0" alt="ads" src="http://i1211.photobucket.com/albums/cc423/yhudiyuba/banner.jpg"/></a>
Kemudian save/simpan dech dan lihat hasilnya.
Selamat mencoba dan semoga bermanfaat kawan...!!!
bro kayaknya barner kamu ada yang keliru, di klik gak mau lansung ke situs kamu,..buat aja lagi, kalau bisa yang kotak jangan persegi panjang, biar bisa tak pasang di samping blog,..ok.
BalasHapusbarnerku tak kirim di chat kamu, soalnya di postingan gak bisa
BalasHapus