Floating Image

Apa lagi nih maksdnya gambar melayang
emang hantu apa, koq gambarnya terbang sendiri
Hi serem....

Eit eit jangan takut dulu
Nih malah seru kali, kamu bisa ekspresiin blog kamu
supaya lebih interesting

Aku cari-cari dimana mana susah banget nemuin kayak gini
Scriptnya aku dapat dari salah satu blog yang keren
Nih alamatnya trik-tips.blogspot.com

Oke boz, ayo dimulai praktikumnya..
Tapi bentar dulu deh,kayaknya ada yang mengganjal nih
Oiya,Floating image itu sebenarnya apa n kayak gimana sih contohnya

Floating image atau gambar melayang itu adalah gambar yang seolah-olah kayak muncul n ngambang gitu. Untuk contohnya coba kamu lihat di sebelah kiri blog-ku, kan ada gambarnya sonic lagi lari tuh...

Nah itulah Floating Image itu ( dah mudeng kan......)

Mau tau cara bikinnya, begini nih caranya :

1. Login ke blogger trus klik "Layout -> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh code ni 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); }


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

<div id="trik_pojok">
<a href="http://blogg-ilmuku.blogspot.com">
<img src="http://img67.imageshack.us/img67/1751/floatingimageqz2.gif" border="0" /></a>
</div>


"http://blogg-ilmuku.blogspot.com" adalah link. ganti dengan link blog kamu.
"http://img67.imageshack.us/img67/1751/floatingimageqz2.gif" adalah lokasi gambarmu yang pernah kamu host. ganti dengan lokasi gambar kamu

5. Selain gambar juga bisa diganti dengan jam/kalender/hit counter/widget-widget yg lain dengan cara mengganti teks yang berwarna hijau dengan sciprt widget yang kamu peroleh
6. Save dan lihat blog kamu, dijamin keren abizzzz....

7 comments: