TutorialBlog: Sticky Navbar

Assalamualaikum dan salam sejahtera,

Banyak website yang guna sticky navbar sekarang..
Navbar ni senang sebab bila kita scroll site ke bawah, menu bar pun ikut sekali ke bawah. Jadi untuk menu yg panjang berjela, amatlah disarankan untuk cuba tutorial ni..

Tak semestinya menu sahaja,
nak letak search site, social icons, register button, semua boleh..

1- Edit HTML (after b:skin)

Ctrl+F, cari header dan seumpama dengannya.. 

<div id="stickynavbar">
HEADER, KOD MENUBAR, SOCIAL ICON SEMUA DI SINI
</div>

2- Edit CSS 

Ctrl+F, pastikan posisi di awal kod, cari 'main-head'

biasanya dekat  /*-----Header wrapper----/

Paste kod di bawahnya,

#stickynavbar { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}

tapi kalau dah ada kod tu, ubah jelah,
pastikan position.

SAVE! (jangan tutup tetingkap Edit HTML Template)
View blog, puas hati, baru tutup tetingkap tu.

Sumber: bloggingbrew | mybloggerlab | sixrevision

Terima kasih baca, sudi-sudilah komen :) .