Cara Membuat Photo di Pojok Tidak Bergerak Saat Scroll Bergeser

Posted by Jhon Erikz Selasa, 10 Juli 2012 2 komentar

Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


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://smart-best-info.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.....

Cara Membuat Photo di Pojok Tidak Bergerak Saat Scroll Bergeser

Judul: Cara Membuat Photo di Pojok Tidak Bergerak Saat Scroll Bergeser
Ditulis oleh Jhon Erikz
Rating Blog: 5
Semoga artikel Cara Membuat Photo di Pojok Tidak Bergerak Saat Scroll Bergeser dapat bermanfaat bagi Anda. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://smart-best-info.blogspot.com/2009/12/cara-membuat-photo-di-pojok-tidak.html. Terima kasih sudah singgah untuk membaca artikel ini, semoga Anda sehat selalu.