Kamis, 10 Desember 2009

Cara Membuat Photo di Pojok Tidak Bergerak Saat Scroll Bergeser

Kali ini saya akan membahas bagaimana trick menempatkan gambar, photo atau animasi, tidak akan bergerak saat scroll bergerak keatas atau kebawah. Bagaimana cara membuatnya....nggak susah kok...(kalo udah tahu...hehehehehehe..........)




Langkah-langkahnya sebagai berikut :
1. Buka Dasboard anda di Blogspot, untuk amannya buka di Blogger in Draft


2. Buka Layout >>> Edit HTML


3. Simpan dulu template anda untuk mengindari hal-hal yang tidak diinginkan (klik"Download Full Template")


4.Copy Paste script yang ada dikotak di bawah ini, dan letakkan diatas / sebelum script :   
]]></b:skin>   




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


Anda dapat mengganti posisi sesuai keinginan anda Bottom atau Top, dan dapat anda ganti jaraknya dari 0px;1px;2px;3px........ dan seterusnya sesuai kebutuhan yang diinginkan.

(*lihat warna huruf yang sama diatas)





5. Copy Paste script yang ada dikotak di bawah ini, dan letakkan diatas script :     </body>

<div id='trik_gambar'> <a href='http://news126.blogspot.com'> <img border='0' src='http://i48.tinypic.com/23tzyb.jpg'/></a> </div>


#Anda dapat mengganti URL Blog Smart Best Info (tulisan warna biru diatas) dengan URL Blog anda.

Dan ganti URL.jpg dengan URL tempat hosting gambar anda.





6. Simpan templete anda dan lihat hasilnya sekarang.





7. Jika percobaan ini gagal, anda masih bisa mengembalikan template ke posisi semula, karena anda sudah menyimpannya bukan?????......lakukan restorisasi (Chose File---Upload : pada menu Edit HTML).





8. Ulangi lagi percobaan ini sampai berhasil dengan sempurna.





Selamat Mencoba, Semoga Berhasil.....



Tidak ada komentar:

Poskan Komentar