Home
Blog
Median Ui

Cara Membuat Header Median Ui Menjadi Sticky Header

ShayTekno.com - Pada kesempatan sebelumnya admin sudah membahas cara menampilkan Judul Blog, didalam postingan Blog/website di Template Median Ui. apakah teman-teman sudah membaca artikel tersebut.

Berikut ini adalah panduan lengkap Cara Membuat Header Median Ui Menjadi Sticky Header

Baiklah jika sudah pada kesempatan kali ini admin akan berbagi tutorial lagi yang mungkin teman-teman butuhkan bagi pengguna template Median UI, tentunya kalian tahu donk tentang Haider yang berada di posisi atas yang bisanya menampilkan pencarian, judul/nama Blog, dan berbagai icon bisa kita kostum sesuai dengan keinginan kita.

Namun apakah kalian tidak menyadari bahwa pada header tersebut masih masih terdapat kekurangan menurut admin sendiri, kenapa demikian, karena sudah kita ketahui juga sudah banyak template template lain yang menggunakan header sticky pada templatenya, namun anehnya pada template Median UI, malah menghilangkan sticky pada templatenya.

Untuk itu kali ini admin akan membahas tuntas tentang cara membuat header pada template Median UI menjadikan sticky header agar terlihat menarik dari pada sebelumnya.

Keuntungan Membuat header Median UI Menjadi Sticky Header

Sudah kita ketahui juga bahwa banyak sekali keuntungan Menampilkan Header median UI manjadi Sticky Header.

Keuntungan yang pertama, pengunjung blog mudah mengenali Blog/website kita.

Keuntungan lainnya menampilkan header medium ui menjadi sticky header adalah memudahkan pengunjung blog, mencari informasi lainnya. Karena header tersebut akan slalu tampil di dalam postingan artikel, maupun di halaman Blog/website.

Cara Membuat Header Median Ui Menjadi Sticky Header

Warning!! Sebelum melanjutkan Untuk lebih mudah dalam mencari code, gunakan laptop atau FC, Jika anda menggunakan perangkat smartphone android silahkan gunakan keyboard android yang mendukung Ctrl F agar mudah mencuri kode-kode html pada template Median UI.

Jika sudah mari simak panduan selengkapnya tentang cara membuat header pada template Median UI menjadi sticky header/show hide. Berikut ini.
  • Buka Dasbor Blogger.
  • Masuk beranda Pilih TEMA.
  • Lalu pilih metode Edit HTML.
  • Gunakan Ctrl F.
  • Lalu cari kode @media screen and (max-width:896px) atau jika tidak ketemu cari kode header{position:relative
  • Lalu ganti kata relative menjadi sticky
Keterangan:

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

Sesudahnya;
header{position:sticky;border-bottom:0}
  • Jika sudah klik Simpan.
Jika sudah maka anda bisa langsung cek website anda sendiri apakah pada header blog yang anda ubah sudah menjadi sticky header show hide.

Demikian itulah tutorial cara membuat header pada template Median UI menjadi sticky header (show hide), semoga bermanfaat dan bisa membantu teman-teman.

Jika ada pertanyaan terkait tutorial penduan di atas kalian juga bisa bertanya melalui kolom komentar yang tersedia di bawah ini, terimakasih. Selamat mencoba.

Post a Comment