Sunday, December 9, 2012

Cara Membuat Banner Iklan di Blog

Hilmawan's Weblog - Hay sob, buat kali ini saya mau posting tentang tutorial bagaimana cara memasang banner iklan di blog kamu. Buat sobat blogger yang udah menyediakan space banner iklan di blognya, langsung saja ikuti tutorial singkatnya dibawah ini..hehe

Tutorial

1. Login ke akun blogger sobat
2. Masuk ke halaman Template lalu pilih Edit HTML
3. Setelah itu cari kode ]]></b:skin> (gunakan Ctrl + F untuk mempercepat pencarian)
4. Taruh kode dibawah ini tepat diatas kode diatas
/* Banner Iklan 125x125 */
#spotbanner{
overflow: hidden;
padding:0;
}
.ad1, .ad3 {
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4 {
float: right;
margin-bottom: 5px;
padding-right:0px;
}
5. Simpan template
Setelah itu masuk langkah berikutnya yook...
6. Pilih Tata Letak
7. Tambah Gadget - HTML/Javascript
8. Copas kode dibawah ini
<div id='spotbanner'>
<!-- Ad1 start -->
<a class='ad1' href='URL KAMU'><img src='URL GAMBAR KAMU'/></a>

<!-- Ad2 start -->
<a class='ad2' href='URL KAMU'><img src='URL GAMBAR KAMU'/></a>

 
<!-- Ad3 start -->
<a class='ad3' href='URL KAMU'><img src='URL GAMBAR KAMU'/></a>
 <!-- Ad4 start -->
<a class='ad4' href='URL KAMU'><img src='URL GAMBAR KAMU'/></a>
<div class='clearer'/>
</div>
9. Simpan
Keterangan : Ganti kode berwarna biru dengan URL Halaman iklan kamu
Ganti kode berwarna merah dengan URL gambar kamu

Ok, selesai sudah dan coba lihat hasilnya. Sekian dulu ya tutorial kali ini mengenai Cara Membuat Banner Iklan di Blog, semoga tutorialnya bermanfaat, terima kasih.     

No comments:

Post a Comment