Selasa, 21 Februari 2012

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' />

Tidak ada komentar:

Posting Komentar