Assalamu'alaikum Wr. Wb.
Hai gaes, kali ini Dukuntekno mau kasih tutorial cara menciptakan bab Header dari halaman blog selalu nempel ke atas walau di scroll ke bawah. Tutorial ini mempunyai istilah ialah sticky header, fixed header, header melayang dan lain sebagainya. Intinya dengan menerapkan hal ini pada blog kamu, ini akan menciptakan header kau bakal berada di atas.
Biasanya blog-blog besar memakai sticky header biar situsnya gampang di navigasi, tutorial ini tidak membutuhkan javascript, jadi ini akan tetap menciptakan blog kau ringan di browser. Oke deh, pribadi aja di bab tutorial nya.
Tutorial Memasang Sticky Header Blogspot Tanpa Javascript
1. Buka template blogspot kau dengan mode "Edit HTML", kita akan mencari ID CSS #header-wrapper dan #content-wrapper. Perhatikan gambar berikut:
2. Di mode "Edit HTML" cari ID CSS #header-wrapper dan tambahkan atribut CSS berikut position: fixed;z-index: 9999;
3. Selanjutnya cari ID CSS #content-wrapper dan tambahkan atribut CSS padding-top: 30px !important;
Nah sesudah itu save Template dan lihat hasilnya. Gimana gampang sekali bukan untuk memasang aba-aba Sticky Header di blogspot tanpa Javascript? Oke deh, diblog Dukuntekno berbagai artikel yang membahas ihwal SEO. Sekian tutorial kali ini, Terimakasih!