Satu cara lagi buat mempercantik halaman blog anda. Mungkin anda sudah pernah melihat gambar berada di pojok kanan atas halaman sebuah blog dan saat kita menggeser scroll gambar itu tetap pada posisinya. Gambar seakan melayang di halaman blog yang sering disebut dengan float image. Anda tertarik mencobanya ? silahkan ikuti langkah-langkah berikut ini:
1. Login ke Dasbor Blog Sobat
2. Pilih Tata Letak
3. Klik edit HTML
4. Cari kode ]]></b:skin>
5. Setalah anda menemukannya, copy kode dibawah ini di atas 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 pada bagian: bottom berguna untuk meletakan Gambar Sobat blogger di bagian bawah halaman blog. Kode tersebut bisa anda ubah dengan top jika ingin meletakkan gambar di bagian atas halaman blog. Sedangkan left dapat sobat ubah dengan right sesuai dengan selerae sobat blogger.
6.Kemudian cari kode </body>
7. Letakkan kode dibawah ini diatasnya:
<div id="gambar">
<a href="Alamat blog sobat">
<img border="0" src="alamat gambar yang sobat inginkan"/></a>
</div>
Tulisan warna merah silahkan isi dengan alamat blog sobat, misal : http://namasobat.blogspot.com . Dan Warna Biru ganti dengan alamat gambar sobat,bisa berupa gambar apa saja. Usahakan ukuran gambar tidak terlalu besar ataupun tidak terlalu kecil.
8. klik simpan
9. Lihat hasilnya
10. selesai
Selamat mencoba dan semoga berhasil
