Membuat Widget Melayang

Weh Emangnya Layang-layang pa melayang segala, Wah si Anas ngawur
neh..! :D Wah apa sih yang dimaksud widget melayang di area blog? Baca
dibawah ini untuk penjelasanya

Oke saya jelasin dikit yah mengenai trik kali ini yaitu widget
melayang.. Jika anda menyimpan widget dan jika Anda menggeser scroll
bar browser Anda widget ini akan berada ditempatnya tidak mengikuti
scroll bar.

Sebagai Contoh kamu lihat Status YM aku yang aku buat melayang



Nah dari keterangan diatas apakah Anda minat untuk membuatnya..?
Silahkan ikuti trik dibawah ini untuk membuatnya :)

Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu
masuk menu Layout
kemudian masuk
Edit HTML


Lalu taruh Code dibawah ini diatas Code ]]></b:skin>


#melayang {

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


Tulisan yang berwarna merah
dan tebal
diatas itu adalah
posisi widgetnya

bottom
adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top,
Left
adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan
right


Langkah selanjutnya taruh code dibawah ini yang merupakan widget
sebelum Code </body>


<div id="melayang">

<a
href="ymsgr:sendIM?IdYmKamu"> <img
src="http://opi.yahoo.com/online?u=IdYmKamu&amp;m=g&amp;t=1&amp;l=us"/>


</a>

</div>


Nah Code yang berwarna merah
diatas itu adalah staus YM yang merupakan widgetnya bisa kamu ganti..

Kemudian SAVE

 
Informasi-Informasi Saja Copyright © 2009 - 2013, Designed by Bie Themes