Membuat Gambar Melayang Dan Selalu Ada Diposisi Atas

Halo semua lama tak jumpa hehehe . Kali aku akan kasi tau caranya untuk membuat gambar melayang dan selalu ada di posisi atas , contohnya kayak gini nih


















tulisan "ayo gabung di forum sharing" itu melayang . Dan jika di klik akan menuju link yg sudah aku beri . Kalian mau pasang ? ikutin cara dibawah ini ya

1 . Pada dasbor blog >> rancangan >> edit HTML

2 . Kemudian cari kode ]]></b:skin>

Dan copy kode dibawah ini tepat diatas kode ]]></b:skin>

#pojok_kiri {
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); }

Huruf yg dicetak tebal bisa kalian ganti . Bottom menjadi top dan left menjadi right

3 . Kemudian kalian cari lagi kode <body>

Lalu copy kode di bawah ini dan taruh tepat diatas kode <body>

<div id='pojok_kiri'>
<a href='alamat link yg dituju'>
<img border='0' src='URL gambar kamu'/></a>
</div>

Huruf yg dicetak tebal ganti dengan link yg dituju dan URL gambar kamu ya

4 . Klik simpan

Udah deh , silahkan cek hasil kerja kalian . Selamat mencoba

4 komentar:

  1. Toni Saputra26 Mei 2011 01.47

    wah blognya ganti kulit lagi nih
    bagusan yg ini mas daripada yg kemaren

    BalasHapus
  2. hahaha ia nih . Yg kemaren gak rapi templatenya , jadinya tak ganti deh

    BalasHapus