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;">Jelajahi kode
Kode script widget agan disini ya.
</div>
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.
NotesKode hanya dipasang dibagian pembentuk widget. Tidak pada Css maupun jQuery.
Thanks & Semoga bermanfaat! :)
manteb infonya, langsung praktek..
Ok. silahkan :D
Nice tutorial sob! Kapan-kapan bakal saya cobain nih di blog saya.
SALAM KENAL & SALAM BLOGGER :)
thanks atas tutorialnya gan... :D
mantap gan