Buat Gambar Melayang

Buat Gambar Melayang

1. Pilih menu Rancangan » Edit HTML;
2. Beri tanda centang pada tulisan Expand Template Widget;
3. Carilah kode ]]></b:skin>. setelah jumpa, sisipkan kode berikut ini tepat diatasnya.

Gambar Posisi Kiri Atas :

#Gambar_melayangkiriatas { 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); } #Gambar_melayangkiriatas a img {border:0};

Gambar Posisi Kiri Bawah :

#Gambar_melayangkiribawah { 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); } #Gambar_melayangkiribawah a img {border:0}

Gambar Posisi Kanan Atas :

#Gambar_melayangkananatas { 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); } #Gambar_melayangkananatas a img {border:0}

Gambar Posisi Kanan Bawah :

#Gambar_melayangkananbawah { 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); } #Gambar_melayangkananbawah a img {border:0}

4. Selanjutnya carilah kode </body>, letakkan kode dibawah ini tepat diatasnya;

<div id="Gambar_melayang">
<a href="http://blog-cybernet13.blogspot.com/" target="_blank">
<img src="http://i1198.photobucket.com/albums/aa446/DPT13/logoTBkcl.jpg"/></a>
</div>

KET : Selanjutnya Ganti Yang Berwarna Merah Link Target, Biru Gambar Kamu,
Ungu Untuk Letak Posisi Gambar Yg Kamu Inginkan

5. Klik Save, sebelum Di Save Di Pratinjau Dahulu.

Kami Jual DVD Game dan Film
Sedia Macam2
- Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
- Film Movie/ Bollywood/ Anime/ Serial.
- WWe Smackdown
Daftar Listnya Silahkan Lihat Di Atas Sebelah Tutotrial

1 komentar:

  1. Jual DVD Game dan Film
    Sedia Macam2
    - Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
    - Film Movie/ Bollywood/ Anime/ Serial.
    - WWe Smackdown
    http://jualgamefilm.blogspot.com

    BalasHapus

Bila Ada Kesalahan Cybernet13 Minta Maaf.
Silahkan Kirim Kan Saran & Kritiknya
Agar Bisa Lebih Baik
Untuk Kepentingan Kita Bersama...
Terima Kasih