Membuat Ruang Float (Melayang) Untuk Widget Dengan Css

Situseo Blog : Script membuat ruang untuk menempatkan berbagai widget supaya Float atau Melayang sangat berguna untuk mengurangi ruang sidebar yang sudah penuh dengan berbagai widget, dengan script css ini kita bisa menempatkan atau menambahkan berbagai macam widget supaya widget tersebut melayang statis pada tempatnya walaupun melakukan scroll mouse.

Biasanya widget-widget yang melayang adalah widget back to top dan widget share count, dengan mengunakan script ini widget selain yang disebutkan tadi bisa dibuat float/melayang, seperti contoh pada situseo blog saya memasang widget online count yang didapat dari histats (kalau belum saya rubah).

Untuk membuat widget kalian melayang, kalian bisa menggunakan script dibawah ini untuk mewujudkannya.

CSS

#kontes {
background-color:transparent;
border:1px solid #C1CDCD;
left:5px;
bottom:33px;
margin-top:10px;
position:fixed;
width:64px;
}
#kontes .float {
margin:0 0 0 680px;
}

HTML

<div id='kontes'>
<div class='float'>
Widget Kalian Disini
</div></div>

Posisi float widget bisa kalian tentukan letaknya dengan merubah pada bagian css #kontes .float pada bagian margin-nya, keterangan Widget Kalian Disini merupakan tempat untuk meletakan script widgetnya, script ini sangat ringan karena menggunakan css.

Semoga bermanfaat,