Kamis, 15 Maret 2012

Membuat Gambar Melayang / Float Image

Diposting ini pengen sharing cara membuat float image ( gambar melayang ) . Mungkin posting ini dianggap jadul, karena udah banyak Blog lain yg posting. Tapi saya cuma mau mengasah kemampuan menulis saya di blog :).
Berikut ini langkah langkah nya >>> 

1. Login ke blogger dan pilih ' Design' > ' Edit HTML '
2. Letakan kode berikut diatas kode ]]></b:skin>
#trik_pojok {
position:fixed;_position:absolute;bottom:5px; left:15px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
 Cttn: Kata yg bercetak tebal adalah letak gambar, dan dapat diubah sesuai keinginan. Contoh : Top dan    Right

3. Lalu letakkan kode berikut diatas kode </body>
<div id="trik_pojok">
<a href="http://hendrasaputra18.blogspot.com/">
<img src="http://i54.tinypic.com/svrhip.png" border="0" /></a>
</div>
 Cttn : Kata yang dicetak tebal adalah link yang akan berfungsi pada float image , dan dapat diganti dengan link blog masing masing. kata yg dicetak miring adalah sumber alamat gambar, dan dapat diganti dengan alamat gambar yg lain.

Hanya itu yg dapat saya posting kali ini , semoga bermanfaat .!

1 komentar: