Cara membuat Header Sticky Pada Median UI 1.6 dan 1.5

Cara membuat Header Sticky Pada Median UI 1.6 dan 1.5

Hallo semua pada kesempatan kali ini saya akan membagikan cara Membuat Header Sticky Pada Median Ui 1.6.

Bagi yang masih belum tahu, Sticky header adalah header yang selalu muncul meskipun layar di scroll ke bawah. Sehingga identitas blog seperti logo, nama, slogan, deskripsi, dan icon yang ada di atas layar tetap terlihat di setiap halaman.

Cara membuat Header sticky pada median ui 1.6?

Step 1: Silahkan Kalian Masuk Blogger

Step 2: Pilih Tema Dan Edit Html

Step 3: Tekan Tombol CTRL + F setelah itu cari kode berikut

/* Remove this to keep header floating */

Step 4: Hapus Kode Berikut

/* Remove this to keep header floating */ header{position:relative;border:0}

Step 5: Klik Ikon Dan Lihat Hasilnya

Cara membuat Header sticky pada median ui 1.5?

Step 1: Silahkan Kalian Masuk Blogger

Step 2: Pilih Tema Dan Edit Html

Step 3: Tekan Tombol CTRL + F setelah itu cari kode berikut

@media screen and (max-width:896px)

dan cari kode dibawah ini di area tersebut

header{position:relative;border-bottom:0}

Step 4: ganti position:relative dengan position:sticky seperti css di bawah ini

header{position:sticky;border-bottom:0}

Step 5: Klik Ikon Dan Lihat Hasilnya

ok jadi sekian Cara membuat Header Sticky Pada Median UI 1.6 dan 1.5 semoga bermanfaat, dan terima kasih sudah berkunjung.

Referensi
  • https://www.yazidtips.com/2022/02/cara-membuat-header-sticky-pada-median.html?m=1
Getting Info...
Content Creator, Graphic Designer, UI / UX Designer

My Notes On Blogger : YazidTips.com

1 komentar

  1. Tes Coment