Memasang Item Yang Mengikuti Scroll Bar

Posted by Unknown on 06.13

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/AVvXsEhF0QNCeid2oo_e65zyYVnVgyxfz_NOxcxCNXJSNEkNA9MXM8zfHNrkWn84B4sHAunZfFj9Cv5yLquop4ckFxKAkw7o9ECg5sCJe79I8eU6lSl8zIooaFulbLEt1P0ExT1XOgLDQtyAwA/" border="0" /></a>
</div>

Baca selengkapnya: Memasang Item Yang Mengikuti Scroll Bar http://www.indoblogtrik.com/2010/06/memasang-item-yang-mengikuti-scroll-bar.html#ixzz1ZLYonUWW

1 komentar:

Mantab gan sharingnya, smg bermanfaat ilmunya.

Posting Komentar

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin

Search Site