Membuat widget apapun malayang di blog

 Membuat widget apapun melayag di blog - Halo sobat bloggers! Selamat pagi! Posting kali ini, saya akan membahas dengan yang berkaitan tentang Membuat widget melayang. Posting kali ini, bertujuan membantu teman - teman blogger (khususnya newby), yang ingin membuat widgetnya melayang. Baik itu widget menu navigation, fb like box, feedburner, translate, update status twitter dan masih banyak lagi. Salah satu contohnya seperti ini :

  Tidak hanya membuat widget melayang diatas blog, kode pada posting kali ini juga bisa meletakkan widget   melayang dibawah blog, disamping kanan, & samping kiri. Peasangannya pun termasuk mudah. Kodenya sebagai berikut :

<div style="position: fixed; top: 5px; right: 93px;"> 

</div> 

  Letakkan kode diatas, dibatas dan dibawah kode script widget. Contoh :

<div style="position: fixed; top: 5px; right: 93px;">
Kode script widget agan disini ya.
</div>

Jelajahi kode
a). Kode dengan tulisan top adalah kode yang menentukan dimana tempat widget akan melayang. Jika anda ingin widget melayang dibagian bawah blog, ganti top dengan bottom. Jika widget ingin anda letakkan di kanan, ganti top menjadi right dstrustx. 

b). Kode dengan tulisan 5px menentukan seberapa maju/mundur posisi widget. Semakin kecil angka, maka semakin mundur posisi widget.

c). Kode berwarna hijau (Right), adalah kode untuk menentukan posisi widget. Ini agak sama dengan kode top. Namun bedanya seperti ini : 

E.g :
 Jika anda mengganti top dengan bottom, maka widget akan berada dibawah blog (melayang). Nah, widget tersebut melayang di bawah blog anda di pojok kanan. Anda ingin mengubah widget tersebut melayang di pojok kiri. Maka, gantilah right dengan left.

d). Kode 93px, menentukan space widget. Rinciannya sebagai berikut :

E.g :
 Anda telah mengganti top >> botom dan right dengan left. Sekarang, widget sudah melayang dibawah pojok kiri blog anda. Tetapi, anda tidak ingin widget terlalu memojok. Anda ingin widget tersebut sedikit ke kanan. Maka dari itu, ganti kode 93px sesuai keinginan anda. Oh ya, semakin kecil angka, maka semakin besar space/spasi yang diberikan.

Notes

 Kode hanya dipasang dibagian pembentuk widget. Tidak pada Css maupun jQuery.

Thanks & Semoga bermanfaat! :)