Wednesday, May 4, 2011

Cara menyisipkan gambar di pojok atau sudut blog

 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…

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes