Membuat Gambar Melayang (Float Image)

Pada artikel kali ini saya akan membahas tentang cara membuat gambar melayang/float image, kalo kamu berhasil membuatnya maka hasil  dari gambar tersebut akan berada di pojok kiri bawah.

Langkah-langkah untuk membuat gambar melayang adalah sebagai berikut:

• Login ke blogger trus klik "Layout -->> Edit HTML
• Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

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

•   Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
• Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
   

<div id="trik_pojok"><a href="http://www.tipsbloging.tk">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuSSjrA9GTIyKFx8PaO5cZ_o8Zcz8-U9e_RXvxlJ1rKGEpD_WOn-rt4xyJ56oc2yWqhXA44D-AHZoISEsdeQaR5iK4zDMWZdOqdca3cYDrF1qXvC-UlcxJGndPzV6X6Dc8hmH30lhoHzak/s144/banner3.gif" border="0" /></a></div>

"http://www.tipsbloging.tk" adalah link. ganti dengan link kamu.
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuSSjrA9GTIyKFx8PaO5cZ_o8Zcz8-U9e_RXvxlJ1rKGEpD_WOn-rt4xyJ56oc2yWqhXA44D-AHZoISEsdeQaR5iK4zDMWZdOqdca3cYDrF1qXvC-UlcxJGndPzV6X6Dc8hmH30lhoHzak/s144/banner3.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. 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.
6. Lalu Simpan dan lihat hasilnya.  

 

Artikel Terkait :