jika anda ingin merubah navbar menjadi sticky di blog,tetapi bingung gimana cara membuat nya dan ingin cari di google kebanyakan di google itu cara membuat navbar sticky baru nah jika anda sudah ada navbar nya tetapi tidak sticky.nah disini saya akan membahas nya menjadikan navbar biasa menjadi sticky dan saya akan menggunakan inspect element.
Sticky Widget Adalah widget yang menempel pada blog apabila kita scroll kebawah akan selalu mengikuti tampilan monitor dengan batas yang sudah ditentukan dan jika kita scroll ke awal widget ini juga berubah seperti semula. biasanya sticky widget ini dipasang pada bagian tertentu seperti sidebar dan heander.
anda tertarik bukan untuk membuat navbar anda menjadi sticky di blog sobat,sebenar nya membuat nya cukup mudah lewat inspect element.
jika anda tertarik ikutin langkah langkah berikut
1.buka blog anda dan cari navbar yg mau di buat menjadi sticky.
2.klik kanan navbar tersebut dan klik inspect element.
3.lihat di kotak rules cari element nya.
1.buka blog anda dan cari navbar yg mau di buat menjadi sticky.
2.klik kanan navbar tersebut dan klik inspect element.
3.lihat di kotak rules cari element nya.
4.terus tambahkan" position:sticky: "
jika posisi navbar berubah tidak di paling atas tambahkan"top:0;"
bila lebar navbar anda berubah tambahkan" width:ukuran yg kamu ingin kan px:"
jika posisi navbar berubah tidak di paling atas tambahkan"top:0;"
bila lebar navbar anda berubah tambahkan" width:ukuran yg kamu ingin kan px:"
nb:ganti "ukuran yg kamu ingin kan" menjadi nomor ukuran yang diinginkan jika ingin liat gambar nya liat di no 6 dibawah di situ saya tidak menambahkan width karena lebar nya tidak berubah
5.jika sudah coba di cek dulu sudah sticky belum
6.kalau sudah sticky salin elemen nya seperti gambar di bawah ini element nya ".mainNav"
7.jika sudah silahkan ke dahsboard blog sobat terus edit html dan cari element yang sobat salin tadi biar lebih mudah klik ctrl+f.
8.setelah itu salin kode yang anda tambahkan di inspect elemen tadi letak nya samain aja seperti di inspect elemen.
9.jika sudah silahkan klik simpan dan lihat hasil nya.
tujuan saya memakai inspect element adalah untuk mempermudah karena langsung bisa di coba,di inspect elemen ini kita ga perlu edit html terus karna bisa langsung di coba,mempermudah mencari elemen nya,dan kita bisa tau dimana salah meletakkan kode nya.
semua hal akan mudah jika anda mau berusaha jika anda berusaha pasti akan ada hasil nya yang memuaskan dan jangan pantang menyerah.sekian dari saya selamat mencoba dan semoga berhasil.