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>
    cara buat gambar melayang cara buat gambar melayang Reviewed by Erwin Hauw on 3/23/2013 Rating: 5

    Tidak ada komentar:

    Diberdayakan oleh Blogger.