A Stylish Css3 Fixed Position Vertical Side Menu For Blogger
So many sites we visit now have a navigation menu fixed to the side of the page for easy access to important pages.In this post i have a very stylish and colorful menu you can fix to the side of the page on your Blogger blog.The menu will stay in place even when the reader scrolls down yet doesn’t interfere with the content.The menu has 5 icons that on hover scroll out to reveal their purpose, so for example the home icon on hover scrolls out the word ‘Home’.The 5 icons are for Home, About, Services, Portfolio and Contact Us.While you cant change the icons, you can change the text for each icon for example the portfolio icon could be changed to archive.
The menu is made up almost completely of Css3 with just one image and is quick and easy to install.All the credit for the menu goes to the awesome Tutorialzine, we have covered many of their tutorials previously.Below you can see a live demo, hover over the icons to see the scroll out effect.
Step 1. In Your BloggerDashboard Click Design > Template Designer > Advanced > Scroll to the Add Css Option as shown below. (If your using the new Blogger dashboard click the drop down menu for your blog, then layout, then template designer)
Step 2. Paste the following code into the Css section :
Note- This is a scroll box, make sure to get all the code.