Membuat Widget Melayang (Sliding Widget)

Diposkan oleh dragon on Kamis, 22 September 2011

type="html">
Nah, Pasti sobat sudah tau artinya Sliding Widget yaitu Membuat Widget Melayang (Sliding Widget). Sliding widget ini bisa diartikan widget yang meluncur, merosot atau apalah terserah sobat. 

Nah untuk lebih jelasnya coba tengok kaskus. Di sebelah kiri ada widget share dan login yang mengikuti kemana mouse digerakkan atau di scrool atas atau bawah. nah untuk Membuat Widget Melayang (Sliding Widget) ini cukup mudah, berikut triknya

Cari kode 

]]>


Pastekan di atasnya kode berikut ini :

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


warna merah berarti letak widget yang ingin di terbangkan. Sobat bisa ganti di dengan bottom right atau dimana saja terserah, center bottom, up left dll.
Nah untuk membuat melayang, sobat hanya harus menambah
dan diakhiri dengan
pada html sobat.

Nih contohnya, Tambah HTML sobat, 

 
Kode HTML sobat
 
  

Kode HTML sobat adalah script yang ingin dibuatnya melayang. Beri nama untuk mengosongkan nama script HTML sobat.

Mudah2an cara Membuat Widget Melayang (Sliding Widget) di atas berhasil, mudah dipahami dan membantu sobat dalam menghias blog sobat.


{ 0 komentar... read them below or add one }

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...