Floating banner

Floating banner atau banner malayang biasa dipakai untuk menampilkan iklan ppc di blog yang akan menyebabkan pengunjung sedikit "dipaksa" untuk mengklik iklan tersebut yang berujung menambah poin penghasilan bagi kita sebagai publisher sekaligus pengelola blog.

Akan tetapi beberapa penyedia layanan iklan ppc melarang penggunaan cara diatas dengan dalih melanggar TOS yang telah disetujui oleh publisher (blogger) bersama pengelola ppc

Namun terlepas dari hal tersebut, idblog ingin menshare cara memasang floating banner/ banner melayang di blogspot.

1. Login ke Blogger>> pilh menu edit tata letak/layout>> Edit HTML
2. Klik "download template lengkap", ini untuk antispasi kesalahan dalam pengeditan
3. Paste kode css berikut sebelum tag ]]>

Banner di posisi kanan atas blog

#registrasi {
top:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Banner di posisi kanan bawah blog

#registrasi {
bottom:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Banner di posisi kiri atas blog

#registrasi {
top:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Banner di posisi kiri bawah blog

#registrasi {
bottom:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

4. Copy dan paste kode berikut setelah kode </body>

<div id='regristrasi'>
Kode Iklan Anda
</div>

5. Simpan Template