Cara Membuat Banner Iklan Fix di Halaman Blog

Hallo sobat , kali ini saya mau review sebuah artikel Cara Membuat Banner Iklan Fix di Halaman Blog.

Jika halaman blog kita yang sudah tidak memungkinkan untu dipasangi iklan, format-format iklan di luar halaman blog sangat diperlukan. Salah satunya yaitu format iklan yang Fix dengan halaman blog kita.

Format Iklan ini biasa dipakai oleh Situs-situs besar seperti detik.comSitus Warta Era Digital,okezone.comBerita dan Informasi Online Indonesia dan lain sebagainya mungkin bisa membantu anda menciptakan sebuah halaman website / blog yang ideal dan membuat nyaman pengunjung yang mencari informasi lainnya.



Ini dia ScreenShotnya yang saya ambilkan dari Okezone.comBerita dan Informasi Online Indonesia

Berikut Metode yang harus diikuti

1. Login ke Account Blogger Anda
2. Masuk ke Tata Letak dan Edit HTML
3. cari kode </head>
4. Copy (Ctrl+C) kode di bawah, dan pastekan (Ctrl+V) diatas kode </head>

<style type='text/css'>
#fixme { position: absolute; left: 0px; top: 0px;text-align:center; width: 960px; }
#fixmetoo { position: absolute; left: 0px; bottom: 0px;text-align:center; width: 960px; }

div &gt; div#fixme { position: fixed; }
div &gt; div#fixmetoo { position: fixed; }
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }

</style>
<!--[if gte IE 5.5]><![if lt IE 7]> <style type="text/css"> div#fixme { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div#fixmetoo { right: auto; bottom: auto; left: expression( ( 0 - fixmetoo.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - fixmetoo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } body{ width:expression(document.documentElement.clientWidth); } #wrapper{ width:1000px; overflow:visible; } </style> <![endif]><![endif]-->

5. Ubah kode widht sesuai dengan ukuran Lebar Template Anda
6. Simpan Template

1. Masuk ke Tata Letak"
2. "Tambah Elemen Halaman" baru paling bawah dan Pilih HTML/Javascript

Masukkan seperti di bawah ini
Kemudian untuk meletakkan iklannya agar berada di bawah Halaman,

<div id="fixmetoo">

Kode Iklan diSINI

</div>

Untuk Meletakkan Iklannya berada diatas Halaman

<div id="fixme">

kode iklan diSINI

</div>

Kemudian SIMPAN
Selesai! Selamat Bereksperimen!

Posted in: