Cara Membuat Float Image (Gambar Melayang)


8:43 PM |

http://photos.friendster.com/photos/group/65/63/1463656/382831512721s.jpg 
Bagi anda yang mw membuat float image(gambar melayang) Langkah Pertama
Anda harus lakukan ialah masuk ke blogger lalu pilih Layout terus Edit HTML
 

Langkah Kedua
Cari kode ]]></b:skin> kalau sudah ketemu copy kode dibawah ini dan Anda taruh di atas kode tadi.

#trik_pojok {
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); }

Langkah Ketiga
Anda juga bisa ngedit kode diatas tadi, mungkin Anda ingin mengganti posisi gambar tersebut ke kanan atau kekiri, kalau Anda ingin memindakahkan tinggal ganti tulisan left ke right, dan bisa juga di pindah keatas bottom ke top.
Langkah Keempat
Cari kode </body> kalau sudah ketemu copy kode dibawah ini taruh kode copyan Anda tadi paste diatas kode </body>.

&lt;div id=&quot;trik_pojok&quot;&gt;
&lt;a href=&quot;http://www.hpfblog.co.cc&quot;&gt;
&lt;img src=&quot;http://i937.photobucket.com/albums/ad218/hafriz_higgs/Untitled-1-1.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;

Langkah Kelima
Ganti http://penchenk.blogspot.com dengan alamat blog Anda dan kalau Anda ingin mengganti gambarnya cari saja kode http://i499.photobucket.com/albums/rr358/penchenk87/2vbsy6q.gif dan ganti url gambar yang Anda ingin kan.
Langkah Keenam
Jangan Lupa disimpan dan lihat hasilnya.


You Might Also Like :


Pengikut