Kali ini, saya mau share tips cara membuat gambar melayang di sudut blog anda walaupun anda scroll ke bawah, tapi gambar akan tetap terlihat tetap pada posisinya. Nah, jika blog anda mau dihiasi dengan tambahan gambar apapun, berikut langkah-langkahnya :
1. Masuk ke bloger sobat
2. Pilih Template -> Edit HTML
3. Search/cari kode ]]></b:skin>
4. Copas kode di bawah 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);
}
5. Lihat kode yang berwarna biru, bottom bisa diganti dengan top dan left bisa diganti dengan right.
- Bottom : Bawah
- TOP : Atas
- Left : Kiri
- Right : Kanan
6. Lalu sobat cari kode </body> dan Letakkan kode di bawah ini di atasnya.
<div id="gambar">
<a href="http://activekita.blogspot.com">
<img border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"/></a>
</div>
<a href="http://activekita.blogspot.com">
<img border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"/></a>
</div>
7. Ganti tulisan warna kuning dengan alamat blog sobat, dan warna merah dengan alamt url gambar sobat. Gambarnya bebas, lebih menarik bila gambarnya bergerak sob. Kalau mau cobat, bisa pakai gambar di atas dulu.
8. Selanjutnya, Jangan lupa klik save.simpan.
| Tweet |
Berlangganan artikel terbaru via Email
|
