How To Add Navigation Menus To Blogger

7:48:00 PM |

  1. Go To Blogger > Layout
  2. Click Add a Gadget or Add a Page element
  3. Choose HTML/JavaScript widget
  4. Simple Paste the Navigation Menu Code inside HTML/JavaScript widget
  5. Hit Save
  6. Drag HTML/JavaScript widget and drop it just under your Blog Header, as shown below,

    To change the links, Edit this part of the HTML in all codes below,

    <li><a href="#" ><span>Link 1</span></a></li>
    <li><a href="#" ><span>Link 2</span></a></li>
    <li><a href="#" ><span>Link 3</span></a></li>
    <li><a href="#" ><span>Link 4</span></a></li>
    <li><a href="#" ><span>Link 5</span></a></li>
    <li><a href="#" ><span>Link 6</span></a></li>
    <li><a href="#" ><span>Link 7</span></a></li>
    Replace the hash(#) sign 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,

    <li><a href="#" ><span>Link n</span></a></li>

    Finally do not forget to save and save. See the results on his blog.