Cara membuat Iklan di bagian sidebar Blogger

Rabu, 14 Maret 2012 | 00:44 WIB

Contoh iklan yang akan ditampilkan
Pada tutorial kali ini akan dijelaskan tentang bagaimana cara membuat Iklan di bagian sidebar blog. Iklan yang akan dibuat hampir sama dengan iklan yang ada di blognusa. Iklan sidebar di blognusa terdiri atas ukuran 250x250 dan 125x125. Kita hanya akan membahas tentang bagaimana menampilkan ukuran iklan 125x125 di bagian sidebar.

Berikut cara menampilkan iklan di bagian sidebar dengan ukuran 125x125 :

Langkah 1
Masuk ke bagian Edit HTML blog kalian, kemudian masukkan kode berikut dibagian kode sidebar kalian. Jangan lupa untuk memback-up kode template kalian terlebih dahulu.

/* --BANNER 125x125--*/
#Banner-125  {
margin: 0px;
padding: 5px;
text-align: center;
}
#Banner-125  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-125  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

Kode diatas merupakan kode CSS yang digunakan untuk mengatur tampilan iklan yang akan dipasang.

Langkah 2 
Simpan kode HTML blog kalian, kemudian masuk ke bagian Elemen Laman. Pilih Tambah Widget di bagian sidebar yang akan digunakan untuk menampilkan iklan kalian. Pilih HTML/Javascript, kemudian masukkan kode berikut ini :

<div id="Banner-125">
<a target="_blank" href="http://www.blognusa.com/iklan/pasang-iklan.html"><img
border="0" title="Iklan 125x125" src="http://www.blognusa.com/iklan/data/pic/125x125-iklan.png"/></a>
<a target="_blank" href="http://www.blognusa.com/iklan/pasang-iklan.html"><img
border="0" title="Iklan 125x125" src="http://www.blognusa.com/iklan/data/pic/125x125-iklan.png"/></a>
</div>
Tulisan berwarna Biru merupakan URL link tujuan iklan kalian, sedangkan warna Merah merupakan URL gambar dari iklan kalian. Kalian dapat mengubah kode diatas sesuai dengan keinginan kalian.

Semoga bermanfaat.

Description : Cara membuat Iklan di bagian sidebar Blogger
Rating : 5
Reviewer : Penjaga Lilin - Cara membuat Iklan di bagian sidebar Blogger

Advertise

Berlangganan Email

Daftar untuk berlangganan BlogNusa Tutorial melalui email. Ketik email kamu dibawah ini :
RSS FeedRSS

 
BlogNusa © 2010-2014
Design by New WP Themes | Bloggerized by Lasantha - Premium Blogger Templates