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.
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.
Related Articles :
Beberapa Kelebihan dan Kekurangan Blogspot Dan WordpressBlogspot dan Wordpress adalah 2 layanan blog gratis yang banyak digunakan oleh orang banyak dibandingkan Layanan Pembuatan Blog g ... - Screen Saver blog Screen Saver sekarang ini tidak hanya terdapat pada Komputer maupun Ponsel saja akan tetapi pada sebuah Blog juga bisa dipasangi Scr ...
Cara Membuat Tanda Tangan di Blog Mungkin diantara teman-teman blogger yang pernah melihat di blog orang lain ada sebuah gambar tulisan yang se ... 
Cara Membuat Menu Drop Down Horisontal Melayang Di Blog Cara Membuat Menu Drop Down Horisontal Melayang Di Blog - Kali ini saya akan share artikel tentang Cara membuat Menu di Blog, ... 
Cara Cepat Meningkatkan Alexa via Growurl Cara Cepat Meningkatkan Alexa via Growurl Pertama saya melihat situs ini, saya tidak tertarik sama sekali. Karena saat itu say ...
Tidak ada komentar:
Posting Komentar