Membuat Sesuatu yang Melayang dan Selalu di Pojok

Untuk membuat sesuatu selalu di pojok sebenarnya sangat sederhana, cukup dengan menambahkan atribut style='position:fixed'.

Tapi tidak semua browser mendukung fitur ini, contohnya seperti Internet Explorer 7. Dan akhirnya setelah browsing2 lewat paman Google, dapat juga cara untuk "mengakali"-nya.

Nih, cara lengkapnya:

1. Masuk ke account Blogger, pilih "Layout" dan pilih "Page Elements",
2. Kemudian tambahkan Gadget dengan meng-klik "Add a Gadget",
3. Pilih "HTML/JavaScript",
4. Tambahkan kode di bawah (judul gadget sebaiknya jangan diisi):
   

   <style type="text/css">
   .fixed {
   position:fixed;
   bottom:0px;
   left:0px; }
   * html .fixed {position:relative;}
   </style>

5. Kode bottom:0px; dan left:0px; menunjukkan kalau posisinya ada di sudut kiri-bawah. Kalau mau memindahkan ke sudut yang lain, cukup tentukan posisinya dengan top, bottom, left, atau right,
6. Tambahkan kode HTML di bawah kode tersebut dengan atribut class="fixed" pada "sesuatu" yang ingin kita taruh di pojok. Contoh, jika ingin menaruh sebuah gambar selalu di pojok:
   

   <img src='urlgambarkamu.png' class='fixed' />

Selamat mencoba!

Sponsored By: