Cara menyisipkan gambar di pojok atau sudut blog

Share

 Posting saya kali ini yaitu tentang cara  menyisipkan gambar di sudut.
cukup simple sih caranya kita tinggal memasukkan style='position:fixed'
tapi biasanya tidak semua browser yang support dengan cara
ini contohnya IE (internet explorer)
oke deh sobat langsung saja caranya seperti di bawah ini.

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>

1. 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,
2. 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='urlgambarsobat.png' class='fixed' />

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.

Artikel terkait: