Cara Membuat Widget Melayang/Floating Widget

Selamat pagi menjelang siang kawan, mungkin banyak yang sudah tahu mengenai widget melayang/floating widget. Ya, kali ini saya akan membahasnya mengenai cara membuat widget melayang atau floating widget.

Langsung saja ke bagian pembuatan,

• Seperti biasa anda harus Login ke akun blogger anda terlebih dahulu
• Setelah itu pilih Rancangan -> Edit HTML jangan lupa centang Expand Template Widget
• Cari kode seperti ini ]]></b:skin>
• Setelah itu masukan kode dibawah ini sebelum kode ]]></b:skin>                                             <!-- Floating Widget Mamka Blog -->
  #melayang {position:fixed;_position:absolute;top:10px; left:10px;clip:inherit;
  _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
  _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  
• Setelah itu mauk ke elemen laman/tata letak
• Add a widget/tambahkan gadget
• Pilih HTML/JavaScript, masukan kode berikut                                                                              <div id='melayang'>
  Kode widget anda
  </div>  
• Selesai,

blogger

• Cara Membuat Daftar Isi Blog dengan Fungsi Scroll
• Cara Menampilkan Widget atau Menyambunyikan Widget pada Halaman Tertentu
• Membuat Template Dinamis Blogger Tanpa Mengubah Template Asli
• Cara membuat menu dropdown menggunakan Css

tutorial

• Cara Agar Breadcrumbs Terindex Google
• Cara Membuat dan Merubah Dynamic Heading Blog
• Cek Peforma Blog/Website Anda
• Cara Membuat Back To Top/Scroll To Top dengan jQuery
• Cara Membuat Daftar Isi Blog dengan Fungsi Scroll
• Apa Yang Dimaksud CSS ? Dan Apa Kegunaannya ?
• Cara Menampilkan Widget atau Menyambunyikan Widget pada Halaman Tertentu
• Membuat Template Dinamis Blogger Tanpa Mengubah Template Asli
• Cara membuat menu dropdown menggunakan Css