Membuat Gambar Melayang pada Blog/Float Image Blog

Membuat gambar melayanag pada blog (float image)sebenarnya mempunyai beberapa fungsi selain sebagai pemanis blog, juga kita bisa menaruh sebuah link pada gambar melayang tersebut sebagai tautan menuju Informasi penting pada suatu halaman pada blog kita, atau pada blog lain kepunyaan kita.

Float Image atau gambar melayang maksudnya kita dapat mebuat gambar tersebut seperti melayang pada posisi kanan, kiri, bawah, atas walaupun Scrollbar ditarik kekeatas kebawah atau kiri & kanan, gambar tersebut tetap dalam posisinya, dan bukan hanya gambar yang bisa kmu pakai tapi counter blog, YM button,Twitter, iklan dll.

Nah..cara Membuat gambar melayanag pada blog silahkan perhatikan langkah-langkah berikut:

1. Login ke blogger kemudian pilih menu "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kemudian copy paste kode ini di atasnya.

#Melayang_1 {

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 berupa posisi dimana gambar itu berada kamu bisa ganti dengan Left, right, bottom, top.
4. Kemudian copy paste kode berikut diatas kode </body>

<div id="Melayang_1">

<a href="link anda">

<img src="Alamat gambar " border="0" /></a>

</div>

5. Ganti link anda dengan alamat web/blog tujuan anda, kemudian Alamat gambar isi dengan alamat dimana gambar kamu di Upload, Jika masih ragu-ragu silahkan klik "preview"/ Pratinjau dulu, jika gambar sudah muncul dengan benar, silahkan Save template. selesai....lihat hasilnya.

Share :