Memasang floating image pada blog merupakan salah cara yang paling ampuh untuk memperindah tampilan blog dikarenakan gambar tersebut akan berada di sana meski kita menggerakkan scroll. Bagaimanakah cara memasang floating image? Caranya cukup mudah, yaitu :
1. Log In akun Blogger.
2. Klik pada " Rancangan " pada menu
3. Klik "Edit HTML".
4. Copy kode dibawah ini diatas kode ]]></b:skin>
#Ridwan-side {
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); }
Code bottom ( bawah ) dapat diubah menjadi top ( atas ) dan kode left ( kiri ) dapat diubah menjadi right ( kanan ) untuk mengganti posisi gambar yang diinginkan. Ubah 0px dengan angka yang anda inginkan untuk menentukan jarak gambar dari tepi blog. Misalnya, 10px
5.Setelah itu copy kode dibawah ini diatas kode </body>
<div id="Ridwan-side">
<a href="http://ridwan-side.blogspot.com">
<img src="http://img338.imageshack.us/img338/4702/bumi1.jpg" border="0" /></a>
</div>
Ubah http://ridwan-side.blogspot.com dengan URL blog anda dan http://img338.imageshack.us/img338/4702/bumi1.jpg dengan gambar yang diinginkan dan ubah dengan URL gambar yang dituju.
Selamat mencoba dan semoga berhasil.
Baca Juga :
Cara Mebuat Gambar Melayang ( Floating Image ) Lebih Dari Satu Pada Blog
0 Tanggapan:
Posting Komentar
Silahkan masukan pesan, kesan, dan komentar anada
Terima Kasih