A Vertical Navigation CSS Menu

How To Add A Vertical Navigation CSS Menu To Blogger?

Well the process is as simply as it can be. Simply follow these steps carefully,
1.Log in to Blogger,go to Design -> Edit HTML
and mark the tick box "Expand Widget Templates" and Back-up your template.
All Navigation Menus below uses two pieces of codes. One is The CSS code which is responsible for the look and feel of the menus and the second is the HTML code which is responsible for positioning the menus. So lets know where to add each code!
    2. Paste the CSS code for your selected Menu just above ]]>
    3. For the HTML code there can be two positions either your right sidebar or left sidebar. Depends how many columns you have.
    If you have a right sidebar then paste the HTML code just below
    Editing The Links In The Navigation Menu 
    <li><a href="#1" >Link 1</a></li>
    <li><a href="#2" >Link 2</a></li>
    <li><a href="#3" >Link 3</a></li>
    <li><a href="#4" >Link 4</a></li>
    <li><a href="#5" >Link5</a></li>
    Replace #1, #2, #3 etc with your Page Links/URL and replace Link1, Link2, Link3 etc with your Page Titles. If you wish to add or delete a tab then simply add or delete this line from the HTML code,
    <li><a href="#" >Link</a></li>

    Important Feature Posts Details

    A Vertical Navigation CSS Menu  A Vertical Navigation CSS Menu Reviewed by Tteachers on Monday, May 12, 2014 Rating: 5

    No comments: