Langsung ke konten utama

Cara Membuat Navbar Tetap Diatas, Untuk Travel Blog Minimalis

Membuat Menu di Navbar Blog menjadi Sticky, melekat di bagian paling atas blog saat di scroll bar, posisinya diam membeku, tentunya banyak yang masih bingung bagaimana caranya?

Membuat Menu Navbar Blog Travel Menjadi Sticky
Gambar oleh Free-Photos dari Pixabay 

Langkah awalnya masuk ke Tema Blogger klik tombol sesuaikan scrol kanan  gambar panah turun, pilih edit HTML, setelah masuk halaman HTML, ctrl. f  ketik </Head> Enter.

Letakan script beriku CSS berikut tepat diatas <Head>



Setelah itu tambahkan script HTML tepad dibawah </Head> berikut:
loading...


Setelah semua script CSS dan HTM dimasukan, sekarang coba perhatikan bagian navbar blog yang sudah kita buat tadi, posisi navbar berada paling atas halaman blog dan menempel saat di scroll, jadi inilah cara mudah membuat navbar blog menjadi sticky ,yang perlu diperhatikan pada penulisan script CSS 
.navbar {

position: fixed;
Script ini kita  telah menambahakan fixed agar navbar posisinya tidak mengikuti halaman  saat discroll. segitu dulu penjelasan mengenai cara membua navbar blog travel di Blogger dalam posisi diam.
loading...

Komentar