Cara Membuat Gambar Dipojok Halaman Blog Melayang

Meskipun scroll bar diarahkan kebawah, gambar ini akan tetap berada pada posisinya. Gambar yang sobat lihat tersebut, biasanya disebut dengan gambar melayang atau "float image". Jika sobat tertarik untuk menerapkannya pada blog, ikuti langkah-langkah berikut ini :

1. Pertama login ke blogger

2. Pilih Template

3. Pilih Edit HTML

4. Cari kode ]]></b:skin>

5. Letakkan kode dibawah ini diatas kode ]]></b:skin>

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

Perhatikan tulisan yang dicetak tebal bottom bisa sobat ganti dengan top, sedangkan left bisa sobat ganti dengan right.

6. Kemudian cari kode </body>

7. Lalu letakkan kode dibawah ini diatas kode </body>

<div id="gambar">
<a href="http://aingbudakcimohai.blogspot.com">
<img border="0" src="Masukan link gambar disini"/></a>
</div>

Tulisan warna merah ganti dengan alamat blog sobat, sedang tulisan warna biru masukan URL gambar sobat

8. Simpan template.

Demikian artikel SP tentang Cara Membuat Gambar Dipojok Halaman Blog Melayang, semoga bisa membantu dan bermanfaat, terimakasih atas kunjungannya.