Membuat Gambar Selalu Melayang di Pojok

Trik yang satu ini lebih dikenal dengan sebutan Floating Image walaupun sebenarnya bukan hanya image / gambar saja yang bisa dibuat mengapung tapi segala bentuk kode HTML termasuk menu yang apabila diletakkan didalam layer (tag) itu akan bisa dibuat selalu melayang mengikuti arah scroll alias selalu berada di bagian paling depan. Trik ini ada juga nama lainnya yang sering di sebut para blogger yaitu diantaranya ada yang mengatakan trik ini "membuat anu selalu di pojok", "menjadikan gambar selalu berada dibagian paling atas dan melayang di blog", "membuat menu / gambar mengapung" dan lain sebagainya. Baiklah langsung saja saya jelaskan cara membuat gambar selalu berada di pojok suatu halaman website kamu.




Langkah 1 : Pastikan kamu sudah login di blogger

Langkah 2 : Pada halaman Dashboard pilih » Design » Edit HTML » Centang Expand Widget 



Langkah 3 : Cari kode ]]></b:skin> (gunakan tombal CTRL+F untuk mencarinya)

Langkah 4 : Letakkan kode dibawah ini sebelum kode tersebut

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

Langkah 5 : Masih dibagian Edit HTML cari lagi kode </body> lalu tambahkan kode dibawah ini sebelum kode tersebut

<div id='hitsuke_corner'>
<a href='http://hitsuke.blogspot.com'>
<img border='0' src='https://lh6.googleusercontent.com/_IjrRiI_bVb0/TXN8NlmsaoI/AAAAAAAAHK8/ZaPFvSXIvAQ/Deidara.gif'/></a>
</div>

Langkah 6 : Save template kamu dan lihat hasilnya. Selanjutnya kamu edit dan pelajari sendiri yah ^^