Cara Membuat Sticky Widget Sidebar
Cara Membuat Sticky Widget Sidebar

Cara Membuat Sticky Widget Sidebar di Blog

Posted on

Cara membuat widget pada sidebar blog agar melayang atau statis sebenarnya sangatlah mudah. Widget statis ini berfungsi agar pengunjung tetap melihat konten atau iklan yang ada pada widget tersebut yang sudah di kostumisasi. Kita memerlukan sedikit kostumisasi pada template blog kita. Baiknya widget ini kita aplikasikan untuk Entri Populer agar pengunjung mudah dalam mencari artikel lain yang ada pada blog kita. Namun widget ini memiliki kelemahan yaitu tidak bisa ditampilkan pada mobile version.

Selain tidak bisa ditampilkan pada perangkat mobile, sticky widget akan meload lebih banyak script dari biasanya. Tambahan Javascript akan menambah beban loading pada blog. Jadi pikirkan lagi jika Anda akan menggunakan sticky widget pada blog. Oke langsung saja kita mulai tutorialnya dibawah ini

Cara Membuat Widget Sidebar Statis

  • Login ke blogger buka Template > Edit HTML.
  • Copy paste kan kode berikut tepat diatas kode ]]></b:skin> kamu bisa gunakan CTRL+F untuk memudahkan pencarian.
.sticky {
  width: 285px;
  position:fixed;
  top:30px;/* jarak dari atas*/
  z-index: 100;
 }

  • Kemudian copy pastekan kode berikut tepat diatas kode </body>
  • Ganti tulisan #html dengan id widget template Anda.

Mudah bukan? Cara ini bisa di terapkan dimanapun yang berbasis html dan javascript. Sekian turotial saya bagikan, apabila mengalami kesulitan dalam penerapan bisa kalian komen atau hubungi langsung melalui halaman kontak.

Gravatar Image
Seorang mahasiswa sederhana yang menyukai hal-hal baru

3 thoughts on “Cara Membuat Sticky Widget Sidebar di Blog

Leave a Reply

Your email address will not be published. Required fields are marked *