Cara Membuat Sticky Widget di Sidebar Blog

Hallo semuanya ! Pada kesempatan kali ini saya akan memberikan tips bagaimana cara membuat dan memasang sticky atau Floating widget (Melayang) ketika di scroll atau digulirkan ke atas dan kebawah. Sticky widget ini bisa digunakan untuk semua widget yang ada pada bagian sidebar blog, entah itu recent posts, popular posts, iklan, halaman facebook dan lain sebagainya.

Kebanyakan trik yang ada di internet tidaik sesuai harapan dan widget kadang melewati batas dan menutupi bagian footer sehingga akan mengganggu widget lain yang ada dibagian footer wrapper. Memasangnya sangatlah gampang, namun sedikit membutuhkan ketelitian yang lebih karena kita akan melakukan pengeditan pada bagian tema blog. baiklah tanpa banyak basa-basi langsung saja praktekan cara dibawah bagaimana cara membuat dan memasang sticky widget pada bagian sidebar.


Cara Membuat Sticky Widget di Sidebar :

1). Masuk ke dasbor blogger > Tema > Edit Tema, dan masukan kode script dibawah ini di atas </body>


Keterangan :
  • Sticky-sidebar : Kalian ganti dengan ID Widget yang ingin dibuat sticky (melayang)
  • Footer-Wrapper : Kalian ganti dengan ID Footer sebagai batas sticky ketika digulir kebawah dan atas agar tidak menutupi footer.

2). Kemudian kalian tambahkan kode CSS dibawah ini kedalam tema blog. Pastekan di atas </style>


Keterangan :
  • Sticky-sidebar : Kalian ganti dengan ID widget yang ingin dibuat sticky
3). Selanjutnya kalian Pratinjau tampilan tema blog, jika sticky berhasil langsung saja simpan tema.

4). Selesai

Belum ada Komentar untuk "Cara Membuat Sticky Widget di Sidebar Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel