Membuat Widget Melayang (Sliding Widget) - Hallo sahabat BLACK HAT SEO, Pada sharing Artikel kali ini yang berjudul Membuat Widget Melayang (Sliding Widget), saya telah menyediakan artikel lengkap dari awal sampai akhir. mudah-mudahan isi postingan yang saya tulis ini dapat anda pahami.

Membuat Widget Melayang (Sliding Widget)
Membuat Widget Melayang (Sliding Widget)

Membuat Widget Melayang (Sliding Widget)

Artikel Widget,

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 

]]></b:skin>

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 <div id="widget_fly"> dan diakhiri dengan </div> pada html sobat.

Nih contohnya, Tambah HTML sobat, 

<div id="widget_fly"> 

Kode HTML sobat

</div> 

  

Kode HTML sobat adalah script yang ingin dibuatnya melayang. Beri nama </h> 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.

 Sumber

Demikianlah Artikel Membuat Widget Melayang (Sliding Widget)

Sekian BLACK HAT SEO Membuat Widget Melayang (Sliding Widget), mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan BLACK HAT SEO kali ini.

Anda sedang membaca artikel Membuat Widget Melayang (Sliding Widget) dan artikel ini url permalinknya adalah https://black-hat-seo-blogger.blogspot.com/2011/08/membuat-widget-melayang-sliding-widget.html Semoga artikel ini bisa bermanfaat.

Tag : Widget,