Cara Membuat Banner Iklan Fix Di Halaman Blog

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]> <styletype="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,