Ada kesalahan di dalam gadget ini

Jumat, 03 Februari 2012

Cara membuat Float Image

Float Image

Sharing saya kali ini tentang Cara membuat Float Image (gambar melayang) yang akan selalu tampil meskipun scrollbar bergulir di blog Anda. lihat contoh. Anda dapat menempatkan gambar, widget, jam dll.

Langkah demi langkah untuk membuat float image.

1. Login ke blogger kemudian klik "Layout ->> Edit HTML
2. Cari kode ini ]]></ b: skin> kemudian letakkan kode di bawah ini di atasnya.

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



3. Teks tebal adalah posisi Float Image. Anda dapat mengubahnya dengan "top" "bottom",, "left", "right"
4. Langkah selanjutnya adalah menempatkan kode di bawah ini sebelum tag </ body>

<div id="float_corner">
<a href="http://techno-herry.blogspot.com"> <img src = "
http://blogoholic.info/files/soniclari.gif "border =" 0 "/> </ a>
</ div>


5. Jika Anda ingin mengisinya dengan widget, ubah kode URL gambar dengan kode widget Anda.
6. Simpan dan preview blog Anda.

Demikian Cara membuat float image di blogger...

Tidak ada komentar:

xiaomi