Membuat Gambar (bergerak) Selalu Berada Di pojok

 Ingin membuat gambar yang selalu berada dipojok, walaupun scroll bar sudah kita gerakkan keatas kebawah. Coba lihat dulu kesini,...dan akan menemukan gambar seperti yg disebelah.

Sudah dilihat ? Bagaimana.., mau mencobanya.

Ikuti saja caranya berikut ini :

1. Login ke blogger trus klik  Layout  > Edit HTML

2. Cari kode ini ]]</b:skin>   . jika sudah ketemu letakkan  kode berikut ini di atasnya


#trik_pojok {
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); }

3. Text yang dicetak tebal adalah posisinya, jika ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://fasak.com">
<img src="http://a323.yahoofs.com/mbl/sh85266/fd9cd16aa024219f7dc260998ae5575f03b7c119.jpg?mlA4njNB82DXnn_i" border="0" /></a>
</div>

catatan:
http://fasak.com adalah link tujuan. ganti dengan link yg diinginkan.

http://a323.yahoofs.com/mbl/sh85266/fd9cd16aa024219f7dc260998ae5575f03b7c119.jpg?mlA4njNB82DXnn_i adalah lokasi gambar. ganti dengan lokasi gambar yg diinginkan.

5. Jika ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan dan lihat hasilnya.

Selamat mencoba

thanks,

Tweet