Memasang Item Yang Mengikuti Scroll Bar

Maksud dari judul diatas adalah anda bisa memasang suatu item/gadget entah itu image/photo, iklan, kalender, counter, blog stats dan masih banyak lagi. Anda dapat meletakkan gadget tersebut di pojok kanan bawah, di pojok kiri bawah, di pojok kanan atas, di pojok kiri atas. Berikut langkah-langkahnya :



Login ke Blogger

Klik Edit HTML pada tab Tata Letak

Cari kode ini ]]></b:skin> (gunakan Ctrl + F pada browser anda!)

Paste kode berikut di atas kode tadi :

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


Ganti posisinya sesuai selera anda :

Bottom - Top
Left - Right

Selanjutnya cari kode </body>

Masukkan item yang anda ingin masukkan di antara kode <div id="indra_item"> dan </div> contoh

<div id="indra_item">
script item disini!!!
</div>

Atau anda dapat mengikuti langkah di bawah ini:

Dalam artikel ini saya akan jelaskan bagaimana memasang Image/Photo dan Iklan saja.

Memasang Image/Photo
Kopas kode ini sebelum kode </body>


<div id="indra_item">
<a href="http://indrablogtips.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVtPkjw1CoaJ3lgcigebQGxVoheBHBWycf6_QEUXVonUjak9GBhNVuA5avqFWSQ4BHncOm9YzO6h6MyA5-LBuTte1ULOXiGg0sXK5__0yDnCyakIqPow42pGgUT6-r7q4abtSMSzrGQ/" border="0" /></a>
</div>

Saya sarankan anda mengganti kode yang berhuruf tebal dengan lokasi image anda karena Kode akan seperti ini :

Memasang Iklan

Sebagai contoh, saya akan menggunakan kode iklan dari AdsenseCamp
Kopas kode dibawah ini sebelum kode </body>

&lt;div id="indra_item"&gt;
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=pv%2Fwq5R004I%3D&cid=sO23aMPfjUo%3D&chan=
QaN5FDRIW6k%3D&type=2&title=3D81EE&text
=000000&background=FFFFFF&border=FFFFFF
&url=2BA94F" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->
&lt;/div&gt;
Hasilnya :



Ganti kode iklan tersebut dengan kode iklan anda.

Selamat mencoba!!!

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik