Possitive Logic

Membuat Floating Image

Floating Image??? Apaan tuh???
Pasti temen - temen yang gag tau bakalan nanya kayak gituh...
Gubrak,, ya eya lah,, namanya juga nggak tau... pasti bakalan nanya kayak gitu...

Oke deh,, saya kasih tau nih ya, khusus buat teman - teman tercinta saya yang selalu setia mengikuti blog ini..
Floating Image adalah Kalau kamu pernah liat gambar yang melayang di pojokan web page...
Gag cuman gambar aja yang bisa di taro di pojokan web page,, tapi animasi sama widget juga bisa...

Kenapa disebut melayang?? karena walau kita scroll mouse kita ke bawah ato ke atas, gambar, animasi, atau widget ini tetep bakalan ada di pojokan dan gag akan berubah posisinya.. ngerti kan?? Pastinya donk...Nah untuk selanjutnya, kita sebut Floating Image dengan FI

Okeh, mari kita mulai Sharingnya...
1. Login ke blog anda trus klik Layout / Template >> Edit HTML
2. Selanjutnya cari code ]]></b:skin> , seperti biasa untuk memudahkan mencari code, tekan saja Ctrl+F dan masukkan code yang anda cari dikolom pencarian..
3. Copy code FI, dan paste diatas code ]]></b:skin>


Code FI:


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


(Code yang berwarna merah adalah posisi dari FI nya,, dalam contoh ini di sebutkan Bottom dan Left, yang berarti FI nya akan berada di pojok bawah kiri, bisa diganti dengan top, atau right)

4. Selanjutnya cari code </body> (dengan Ctrl+F).. copy code dibawah ini:

code:


<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com/">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>




masukkan di atas </body>

(ganti http://possitivelogic.blogspot.com dengan link blog kamu,, dan ganti http://kendhin.890m.com/soniclari.gif dengan link image kamu...)

Kalu kamu belum punya image nya,, bisa di pakai dulu link yang saya kasih ini, nantinya akan muncul "animasi sonic lari" di pojok kiri bawah...

5. Save

Mudah kan??
Silahkan komen jika terjadi kejanggalan,,
Selamat mencoba,,

Diposting oleh Glen Rynaldy di 02.04

Label: Blog Tutorial