Membuat Gambar Melayang Dan Di Pojok

Malam-malam paling seru mojok. "Mmm.. Mojok...". hehehe Mojok disini dimaksudkan trik membuat gambar melayang walaupun scrol keatas kebawah kesamping dia tetap melayang dan Mojok. Memang paling mantab kalau yang mojok-mojok. Trik ini dipakai untuk mempercantik tampilan blog anda, selain itu juga bisa digunakan untuk memasang widget, seperti jam, hit counter, kalender, iklan, dan lain-lain "Dengan catatan jangan terlalu besar gambar atau widget yang ingin dibuat melayang dan mojok". Kenapa? karena bisa mengganggu pembaca blog anda.Sudah tahu kan yang dimaksud mojok disini. Bila anda berminat untuk mencobanya, silakan dilihat caranya dibawah ini :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari (CTRL+F) kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#mojok_terus {
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, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

Keterangan :

*Warna merah ganti url blog anda, atau link apapun. fungsinya kalau diklik gambar itu akan ke url tersebut.

*Warna Biru url gambar yang melayang, bisa anda kreasikan sendiri

*Bila ingin widget yang melayang tinggal ganti kode yang bercetak tebal dengan kode widget anda

Selamat Mencoba

Post Info :
Judul = Membuat Gambar Melayang Dan Di Pojok

Url = http://wwdq.blogspot.com/2011/04/membuat-gambar-melayang-dan-di-pojok.html

Author = Riloaw. At : 20.58 Jumat, 08 April 2011 | Comment:0

Artikel Terkait

Tutorial