How to add sticky navigation bar to your blog – Style 1

01 . 11 . 2012

Assalamualaikum and hi! As I mentioned in the title, in this entry I will teach you on how to add this sticky navigation bar to your blog. You can use this bar as the main navigation of your blog which will lead readers to other pages such as About Me, Freebies and Archive page. Click here to see Live Preview of the navigation bar.

1.Edit the codes

2. Apply the codes

For Blogger Template Designer user, paste the edited codes to a new gadget on your sidebar. Make sure to leave the title empty. To add a new gadget : Home > Layout > Add a Gadget > Choose HTML/Javascript > Paste the codes > Save.

Hi! I noticed that the navi bar in your blog are covered by the main body. Can you remove what you have done before and place the codes under http://iheartkevinwoo.blogspot.com/2014/01/a.html (i cannot post the codes here it will missing) >< sorry for my mistake.

If you're using the follow button in the codes, you must change the <$BlogID$> to your blog ID (in number) to prevent error 🙂