DIBALIK LAYAR - Membuat Header blog mengambang atau sticky di template median ui 1.6, setingan umum template ini memang tidak menyetel header secara sticky. Namun bisa kok di modifikasi agar bisa mengambang
Maaf, blog ini tidak banyak kata untuk ditulis sebagai kalimat basa basi. Langsung ke tutorial singkatnya
Caranya cukup mudah, hanya menyetel css nya saja
- Buka setelan HTML (Tema - Kotak berwarna Orange - segitiga kecil disebelah tulisan customize/sesuaikan - Edit HTML)
- Scroll kebawah sampai kode CSS (tulisan berwarna biru di awal template, ditandai dengan kurung kurawal '{}')
- Cari kode @media screen and (max-width:896px){/* Header */ .ntfC{padding-left:20px;padding-right:20px} /* Remove this to keep header floating */ header{position:relative;border:0}, jangan sampai salah karena tidak akan berfungsi, ada juga kode sebelumnya /*header section*/. Scroll lagi kebawah dan akan ditemukan kode tersebut
@media screen and (max-width:896px){/* Header */ .ntfC{padding-left:20px;padding-right:20px} /* Remove this to keep header floating */ header{position:relative;border:0}
- Lihat code yang ditandai biru 'Remove this to keep header floating' atau 'Hapus ini untuk membuat header mengambang'. Yang harus dihapus adalah header{position:relative, ganti relative menjadi sticky. Sehingga menjadi seperti ini
@media screen and (max-width:896px){/* Header */ .ntfC{padding-left:20px;padding-right:20px} /* Remove this to keep header floating */ header{position:sticky;border:0}
- Setelah diganti lalu simpan, maka header blog sudah mengambang saat di scroll atau digulir kebawah.
Selamat mencoba