Cara desain blog Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Cara Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Sobat blogger pasti ingin sekali blog sobat blogger ditawarkan pemasangan iklan pada blog sobat blogger. pemasangan iklan pada web/blog dapat mendatangkan keuntungan pada si pemilik blog. oleh karena itu sobat blogger semua mesti membuat blog yang bagus sehingga blog sobat menjadi ramai pengunjung.

Dengan ramainya pengunjung, Insya Allah akan menarik para pemasang iklan yang ingin memasang iklan di blog sobat blogger. saya sarankan agar sobat blogger menyediakan banner iklan melayang di blog sobat yang terletak dikiri dan kanan blog. kelebihan posisi ini adalah ketika halaman blog digulir, maka kotak iklan tersebut terus mengikuti dan akan terus terlihat di halaman blog. sehingga para pemasang iklan tertarik untuk memasang iklan di blog sobat blogger.

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

#adslayoutleft {
position:fixed;
top:5px;
margin-left :-180px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:5px;
margin-left:990px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-banner-iklan-melayang-di.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog</a></small>

Keterangan :

• kode berwarna biru adalah jarak antara banner iklan dengan halaman blog, kamu bisa sesuaikan dengan template yang kamu gunakan.

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Lanjut...

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<div id='adslayoutleft'><div class='iklankiri'><a href="Masukkan URL Iklan Kamu Di Sini" target="_blank" title="Masukkan Judul Iklan Kamu Di Sini"><img alt="Masukkan ALT Gambar Iklan Kamu Di Sini" src="Masukkan URL Gambar Iklan Kamu Di Sini" /></a></div></div>
<div id='adslayoutleftright'><div class='iklankanan'><a href="Masukkan URL Iklan Kamu Di Sini" target="_blank" title="Masukkan Judul Iklan Kamu Di Sini"><img alt="Masukkan ALT Gambar Iklan Kamu Di Sini" src="Masukkan URL Gambar Iklan Kamu Di Sini" /></a></div></div>

Keterangan :

• Ikuti perintah Kode yang saya beri warna merah.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)