Cara Memasang Banner Iklan Pada Blog Blogger



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. 



Itu adalah salah satu trik Cara Menghasilkan Uang Dari Blog.
Keuntungan memasang banner iklan adalah sobat akan mendapatkan uang jika banner yang sobat blogger di klik oleh orang dan terjadi penjualan.
Nah bagaimana Cara Memasang Banner Iklan Pada Blog Blogger yang akan di terapkan pada blog sobat.


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);}

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.

Belajar Search Engine



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>

8. Simpan dan lihat hasil pekerjaan sobat yang telah di buat.

Tutorial ini diarsipkan dalam BelajarSearch Engine  dengan judul Cara Memasang Banner Iklan Pada Blog Blogger
Semoga Bermanfaat...