How to Add Professional Horizontal CSS Menu bar to the blogger blog, Customize your theme
Navigation menus are the links which are present at the top of your site which guide visitors to navigate to specific sub-categories. In blogging ethics, it is important that you make user experience better by providing links & navigational menus.
Drop down menus are good way to add navigational link but you might want to consider simple CSS menu bar which can be added at the top of your blog to provide the attractive look to your blog. Check out the following CSS menus which i have created to in various colors to suit almost every blog.
Lets get started.
Step 1: Go to Blogger >> Template >> Edit HTML
Step 2: Add following code in the template wherever you want your menu bar to appear.
Note: Replace link1 by your First link and title by your first title
Ex.
<li><a href="http://blogshippo.blogspot.com/"><span>Home</span></a></li>
In similar manner you can add some more links and titles.
Step 3: Press 'Ctrl+f' key and serch ']]></b:skin>'
Step 4: Select your Horizontal menu and copy the code
Green Theme
Blue Theme
Red Theme
Black Theme
Please add code just before ]]></b:skin>
<!-- Add your Horizontal Menu Bar Code Here -->
]]></b:skin>Step 5: Now save the template.
Step 6: That's it. You can now see beautiful Horizontal menu bar.
Please share your valuable comments.
How to Add Professional Horizontal CSS Menu bar to the blogger blog, Customize your theme
Navigation menus are the links which are present at the top of your site which guide visitors to navigate to specific sub-categories. In blogging ethics, it is important that you make user experience better by providing links & navigational menus.
Drop down menus are good way to add navigational link but you might want to consider simple CSS menu bar which can be added at the top of your blog to provide the attractive look to your blog. Check out the following CSS menus which i have created to in various colors to suit almost every blog.
Lets get started.
Step 1: Go to Blogger >> Template >> Edit HTML
Step 2: Add following code in the template wherever you want your menu bar to appear.
Note: Replace link1 by your First link and title by your first title
Ex.
<li><a href="http://blogshippo.blogspot.com/"><span>Home</span></a></li>
In similar manner you can add some more links and titles.
Step 3: Press 'Ctrl+f' key and serch ']]></b:skin>'
Step 4: Select your Horizontal menu and copy the code
Green Theme
Blue Theme
Red Theme
Black Theme
Please add code just before ]]></b:skin>
<!-- Add your Horizontal Menu Bar Code Here -->
]]></b:skin>Step 5: Now save the template.
Step 6: That's it. You can now see beautiful Horizontal menu bar.
Please share your valuable comments.