Selamat sore sobat blogger, kali ini Blog Belajar SearchEngine akan menulis artikel soal Cara Memasang Banner Iklan Pada Blog Blogger.
Pasti sobat blogger sering melihat pernak-pernik berupa gambar yang
kedip-kedip jika berkunjung di sebuah blog buka, coba sobat blogger klik gambar
tersebut pasti akan mengarah pada blog yang isinya menawarkan tentang pruduk
yang mereka beli.
Keuntungan memasang banner iklan adalah sobat akan mendapatkan uang jika banner
yang sobat blogger di klik oleh orang dan terjadi penjualan.
Ini dia
langkah-langkahnya.
1. Masuk ke blog sobat.
2. Pergi ke Template dan klik Edit HTML.
3. Cari code ]]></b:skin>,
untuk mempermudah pencarian sobat gunakan tombol ctrl + f pada
keyboard.
4. Masukkan code di bawah ini di atas code ]]></b:skin>.
#super-beeads
{margin:0px;padding:0px;text-align:center}
#super-beeads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#super-beeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
#super-beeads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#super-beeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Contoh banner yang kita buat adalah 4 kotak dengan posisi 2 baris x 2 kolom.
untuk lebih jelasnya lihat gambar di bawah ini yang telah kita buat.
Perlu sobat ingat bahwa code yang berwarna merah
adalah jarak kotak iklan atas dengan jarak kotak iklan bawah.
Dan yang berwarna biru adalah jarak antara kotak iklan kanan dan kotak iklan
kiri.
Aturlah sesuai keinginan dan kebutuhan sobat blogger.
5. Setelah selesain save template
sobat yang baru dibuat tadi.
6. Selanjutnya pergi ke Tata Letak,
letakkan sesuai keinginan sobat dimana akan di letakkan => Tambah Gadget => dan pilih Html/JavaScript.
7. Lalu pastekan code di bawah ini di bagian kolom nomer 2 yang paling
besar.
<div
id="super-beeads">
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>
8. Simpan dan lihat hasil pekerjaan sobat yang telah di buat.
Semoga Bermanfaat...