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.
ndra, ja sy gk muncul float image'y...
BalasHapuswhy ?