Membuat Gambar Melayang(Float Image)

12.02.2008
Trik Tips Blogger Indonesia
Bagaimana Cara Membuatnya?
  • Login ke Blogger.com
  • Klik Menu Edit HTML
  • Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.
  • Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute;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); }

  • Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.
  • Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>

<div id="melayang">
<a href="http://weblog-indonesia.blogspot.com">
<img src="http://www.geocities.com/ridwanox/Luffy-1.gif" border="0" /></a>
</div>

  • "http://weblog-indonesia.blogspot.com" adalah link. ganti dengan link kamu.
  • >"http://www.geocities.com/ridwanox/Luffy-1.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

Selamat Mencoba ya....peace

6 komentar:

  • Dunia Bisnis Indonesia

    mantap bang ridwan....dicontek dulu ahh triknya :)) ...:p

  • coolblog

    bang kok templatenya gak nerima katanya kodenya gak valid??x(

  • Muhammadihwan

    jangan membuat orang menjadi repot karena blog ini merepotkan!

  • anjos

    apanya yang melayang aku gak ngerti?????

  • Posting Komentar

    Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

    Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

    Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

    Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

    Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)