Cara Pasang Iklan Banner Disebelah Kiri Dan Kanan Blog

Cara Pasang Iklan Banner Disebelah Kiri Dan Kanan Blog

Iklan banner ini tentunya bisa diletakkan dimana aja pada blog. Pada postingan terdahulu saya juga pernah bahas tentang cara Memasang Iklan Banner Di Sebelah Kiri Dan Kanan Halaman Blog, namun hanya satu banner. Nah pada kali ini juga tentang cara pasang iklan banner disebelah kiri dan kanan halaman blog dan bannernya ada dua buah. Lihat screenshotnya dibawah ini yang nantinya akan dibuat.

Memasang Iklan Banner Di Kiri Kanan Blog

Cara membuat / meletakkan iklan banner disamping kiri kanan blog
1. Masuk ke Blogger.com
2. Pilih Tata Letak => Edit HTML
3. Lalu cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

#viewleft {position:fixed; top:0%; margin-left:-140px; float:right;background-color:#000;z-index:10;}#viewleft .parker {float:left;clear:both;} #viewleftright {float:right;position:fixed; top:0%; margin-left:980px;z-index:10;background-color:#000;}#viewleftright.parker {float:left;clear:both;}out

Keterangan :
Angka warna merah adalah margin kiri dan kanan jadi sesuaikan aja blog anda

4. Selanjutnya cari kode yang mirip dengan <div id='outer-wrapper'><div id='wrap2'> dan letakkan kode berikut dibawahnya

<div id='viewleft'><div class='parker'>
<a href='http://teknik-blog-tutorial.blogspot.com' target='_blank' title='dapatkan traffik di Blog Rudy Hartono'><img alt='iklan banner' border='0' height='677' src='http://i1163.photobucket.com/albums/q544/blogrudy/banner120600.jpg' width='130'/></a></div></div>

<div id='viewleftright'><div class='parker'><a href='http://teknik-blog-tutorial.blogspot.com' target='_blank' title='dapatkan traffik di Blog Rudy Hartono'><img alt='iklan banner' border='0' height='677' src='http://i1163.photobucket.com/albums/q544/blogrudy/banner120600.jpg' width='130'/></a></div></div>

Keterangan :
- Angka yang berwarna merah adalah lebar dan tinggi banner, sesuaikan aja gimana bagusnya
- Teks warna biru, silahkan ganti dengan url blog anda dan url banner anda

5. Selesai dan simpan template

Nah sekarang anda bisa lihat hasilnya setelah membuat iklan banner berada disebelah kiri kanan halaman utama blog, semoga bermanfaat and happy blogging.



Tidak ada komentar:

Posting Komentar

Contact Us

Nama

Email *

Pesan *

Back To Top