Membuat Iklan / Object Always on Top

Tutorial blogger / blogspot kali ini adalah membuat iklan / banner/ atau suatu obyek yang selalu pada tempatnya ( bisa di pojok kanan, pojok kiri atas maupun bawah ) meskipun halaman blog di geser (scrolling) ke bawah. Anda juga bisa meletakkan script iklan, gambar banner, tombol social bookmark dan lain-lain.

Caranya cukup mudah, masuk menu Rancangan > Edit Html dan cari kode ]]></b:skin> , kemudian letakkan kode dibawah ini diatasnya :

#top_ads {
position:fixed;
_position:absolute;
top:20px;
right:20px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

kode yang berhuruf tebal untuk mengatur jarak obyek dari atas dan kanan tepi halaman, dan contoh diatas adalah untuk obyek di pojok kanan atas, anda bisa mengganti dengan left(untuk kiri) atau bawah (bottom).

Sekarang cara untuk meletakkan obyek yang diinginkan caranya taruh kode dibawah ini tepat dibawah kode </head> :

<div id='top_ads'>
taruh kode script iklan, gambar atau tombol social bookmark disini.
</div>

Semoga bermanfaat.