Cara memasang gambar melayang di pojok blog - by s2c3rr

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 sobat.

1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template Widget
4. Cari kode ]]></b:skin>
(*Gunakan F3 pada keyboat untuk mempercepat pencarian)
5. Letakkan kode di bawah ini sebelum kode No.4

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

Scroll ke bawah dan temukan kode </body> dan letakkan kode di bawah ini sebelum kode </body>.

<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>

6. Setelah selesai pilih simpan template dan lihat hasilnya.
Sobat bisa meng-Edit kode di atas sesui keinginan sobat.
semoga artikel cara memasang gambar melayang di pojok blog ini bermanfaat bagi yang membutuhkannya.
selamat mencoba dan semoga sukses..

>>> Indahnya Berbagi <<<

Share this: