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>
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