Cara Membuat Sticky Header Pada Median UI 1.6

Saifulah.id - Header di Median UI 1.6 masih belum menggunakan Sticky Header. 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.

Untuk mengubah header Median UI 1.6 agar menjadi sticky agak berbeda dengan tutorial pada Median UI 1.5 yang sudah saya bagikan dulu. Karena kode di Median UI 1.6 berbeda dengan versi sebelumnya.

TUTORIAL STICKY HEADER MEDIAN UI 1.6

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML
   
   

   
   
5. Tekan Ctrl + F dan cari kode /* Remove this to keep header floating */
6. Maka kamu akan menemukan kode seperti ini
   

   /* Remove this to keep header floating */ header{position:relative;border:0} .headL{padding:0 0 0 15px;flex-grow:1;width:50%} .headR{padding:0 20px 0 0;flex-grow:0} .headIc .isSrh{display:block} .headI .headS{margin:0}

7. Ganti kata relative dengan kata sticky, hasilnya jadi seperti ini
   

   /* Remove this to keep header floating */ header{position:sticky;border:0} .headL{padding:0 0 0 15px;flex-grow:1;width:50%} .headR{padding:0 20px 0 0;flex-grow:0} .headIc .isSrh{display:block} .headI .headS{margin:0}

8. Simpan Tema

DEMO

Demikian Cara Membuat Sticky Header Pada Median UI 1.6. Semoga tutorial singkat ini bermanfaat buat kita semua. Aamiin.