Friday, June 29, 2012

Cara Memasang Gambar Melayang di sisi blog

Hai semua....

kali ini saya akan memberikan info tentang cara memasang gamabar di sisi pojok blog

pojok kanan atas, kanan bawah, kiri atas dan kiri bawah...
Ini bertujuan untuk memperkeren tampilan blog kita
nah gampang kok caranya
nih...


  1. Ke Dashboard
  2. Pilih Template
  3. Edit HTML
  4. Cari kode ]]></b:skin>
  5. Masukkan kode berikut diatas ]]></b:skin>

      #oka1 { position:fixed;_position:relative;bottom:0px; left:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
      #oka2 { position:fixed;_position:relative;bottom:0px; right:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
      #oka3 { position:fixed;_position:relative;top:0px; left:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
      #oka4 { position:fixed;_position:relative;top:0px; right:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  6. Nah, lalu simpan
  7. Lalu pilih Tata Letak
  8. Tambah Gadget
  9. Pilih HTML/Java Script
  10. Masukkan kode berikut

    Untuk gambar di kiri bawah
      <div id='oka1'> <img src="ALAMAT GAMBAR KAMU" /> </div>

    Untuk gambar di kanan bawah
      <div id='oka2'> <img src="ALAMAT GAMBAR KAMU" /> </div>

    Untuk gambar di atas kiri
      <div id='oka3'> <img src="ALAMAT GAMBAR KAMU" /> </div>

    Untuk gambar di atas kanan
      <div id='oka4'> <img src="ALAMAT GAMBAR KAMU" /> </div>


Nah.... Simpan deh...
Tulisan MERAH diganti dengan alamat gambar kamu....

kalu gak work komen ya...

No comments:

Post a Comment