Membuat Sesuatu yang 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!

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner