What tutorial do you want for the next article! Request Here!

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

Post Tags

blogger

About the Author

Content Creator, Graphic Designer, UI / UX Designer

1 komentar

  1. Tes Coment
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.