cara buat gambar melayang

Cara Pertama :

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
3. Pilih widgets “HTML/JavaScript “.
4. Copy dan pastekan kode dibawah ini:
   
   Posisi Bawah Kanan :
   <div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="URLTUJUAN" target="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas kanan :
   <div style="display:scroll;position:fixed;top:0;right:0;"><a href="URLTUJUAN" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Bawah Kiri :
   <div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="URLTUJUAN" terget="_blank">Letakan Kode gambar atau Script disini</a></div>
   
   Posisi Atas Kiri :
   <div style="display:scroll;position:fixed;top:0;left:0;"><a href="URLTUJUAN" target="_blank">Letakan Kode gambar atau Script disini</a></div>
5. Kemudian SAVE

Cara Kedua:

1. Login ke Blogger.
2. Kemudian klik [Rancangan] > [Tambah Widgets].
   
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Cari kode ]]></b:skin>
5. Letakan kode berikut ini tepat diatasnya.
6. Pilih salah satu kode berikut ini sesuai keinginan sobat :
   Posisi Bawah Kanan :
     #Wmelayang { bottom:10px; right:10px; position:fixed;
   _position:absolute; clip:inherit;
   _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+
   document.documentElement.clientWidth – offsetWidth); } #Wmelayang a
    img {border:0}
   
   Posisi Atas kanan :
   #Wmelayang
    { top:10px; right:10px; position:fixed; _position:absolute;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+
    document.documentElement.clientWidth – offsetWidth); } #Wmelayang a
    img {border:0}
   
   Posisi Bawah Kiri :
   #Wmelayang
    { bottom:10px; left:10px; position:fixed; _position:absolute;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+
   document.documentElement.clientWidth – offsetWidth); } #Wmelayang a
    img {border:0}
   
   Posisi Atas Kiri :
   #Wmelayang
    { top:10px;  left:10px;  position:fixed;  _position:absolute;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
     _left:expression(document.documentElement.scrollLeft+
   document.documentElement.clientWidth – offsetWidth); } #Wmelayang a
    img {border:0};
   asdasd
7. Selanjutnya carilah kode </body>
8. Letakan kode dibawah ini tepat diatasnya;
   




<div id="Wmelayang"><a href="http://erwinhauw.blogspot.com"target="_blank">Letkan Gambar atau Script Sobat disini.</div>

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email