Membuat widget blog melayang setelah halaman blog kita
di scroll ke bawah. Dan akan kembali pada posisinya semula, jika halaman
blog kembali di scoll ke atas. Widget tidak akan melayang atau
mengambang jika halaman blog belum di scroll ke bawah.
Contohnya: Bisa dilihat di halaman blog ini, coba scroll ke bawah dan
lihat pada widget Like Us Facebook. Widget
tersebut akan melayang setelah widget mendekati halaman atas blog. Dan
akan kembali seperti semula setelah halaman blog kembali di scroll ke
atas.
Posisi widget pada saat melayang dapat kita atur sesuai dengan keinginan
kita. Untuk lebih jelasnya tentang cara membuat widget melayang setelah
di scroll, silakan ikuti langkah-langkah dibawah ini.
1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Dan klik edit HTML dan cari kode </body>
3. Selanjutnya masukan kode berikut ini di atas </body>
Keterangan kode:
- 945 Untuk mengatur jarak widget akan melayang, makdsudnya
setelah halaman blog di scroll 560px ke bawah, maka widget baru akan
melayang.
- fixed code yang digunakan untuk membuat blog melayang.
- top:30 posisi widget setelah di scroll 30px dari halaman atas blog.
- relative dan top:0 agar widget kembali ke posisi semula, setelah halaman blog di scroll ke atas.
- #HTML6 kode id dari widget Artikel Populer. Silakan
diganti dengan kode id dari widget yang akan dibuat melayang. Cara
mencari kode id widget, lihat dibawah.
4. Setelah itu save template. Dan buka salah satu halaman artikel blog
kamu, jika belum berjalan, coba masukan kode berikut ini diatas
</body>
5. Save template, selesai.
Cara Mencari kode Id Widget :
1. Tentukan widget mana yang akan di buat melayang, judul widgetnya apa? contoh: Like Us.
2. Lalu ke pengaturan template, klik edit html dan cari kode "Like Us" tanpa tanda petik, Setelah ketemu contoh kodenya seperti dibawah ini.
4. Kode berwarna biru HTML6 itu adalah kode id dari widget Artikel Populer.
Silakan diatur sesuai dengan yang kalian inginkan, saran saya widget
yang akan dibuat melayang, Sebaiknya Tutorial ini di letakan dibagian widget paling bawah, agar tidak menutupi widget2 yang lain.
Title : Membuat Widget Blog Melayang Setelah di Scroll
Description : Membuat widget blog melayang setelah halaman blog kita di scroll ke bawah. Dan akan kembali pada posisinya semula, jika halaman blog kemb...