Sunday, 27 December 2015
How to Make a Blog Navbar Autohide
How to create a blog navbar autohide
1. Log in to the blogger dashboard.
2. Select the Edit HTML Template menu.
3. Find the code body {, then place the following code right above it.
# navbar-iframe {opacity: 0.0; filter: alpha (opacity = 0)}# navbar-iframe: hover {opacity: 1.0; filter: alpha (opacity = 100, FinishedOpacity = 100)}be like this:# navbar-iframe {opacity: 0.0; filter: alpha (opacity = 0)}# navbar-iframe: hover {opacity: 1.0; filter: alpha (opacity = 100, FinishedOpacity = 100)}body {font: 100% Arial, Helvetica;background: # 000000;color: # 333;}
4. Click Preview to see the interim results.
5. If it is okay, ending with the Save Template.
Settings navbar
Then, in order to keep navbar raised by the blog, do the navbar widget settings in blogger layout.
1. Log in to the blogger dashboard.
2. Click Edit on the widget Navbar.
3. In order menu navbar persists, make sure not to choose Off. Select other models.
4. Finish with Save.
Done, and see the results. If the process is done correctly, then the menu will automatically autohide navbar at the top of the blog.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment