How To Create Menu Bar In Blogger With Screen Shots

This tutorial will help to create Menu bar in blogger. Blogger is most advanced and user friendly interface to customize your blogs. There are so many methods to create Menu bar, This is one of easiest way to create.

To add Menu bar on top of the page, We need to add gadget to the blogger.

Open blogger Dashboard then Layout, There you will get the entire layout of your blog. Then click on Add Gadget

After getting Gadget list, We have to add HTML/Java Script gadget.

Then write the code(Shown Below In The Picture) to add Menu bar.

Copy Menu Bar Code Here

[<div id='menubar'>

    <ul id='menus'>

      <li>

        <a href='#'>MenuItem</a>

      </li>

      <li>

        <a href='#'>MenuItem</a>

      </li>

      <li>

        <a href='#'>MenuItem</a>

      </li>

    </ul>

  </div>

]

As shown in the picture we must replace "MenuItem" names with your desired names like Home, Updates, Blogger and ETC.

And replace # with your blogs proper URL address Ex: (http://www.techlistic.com). After adding all your MenuItems we must place this gadget in proper place, That where you want to see this Menu bar.

This is very simple and easy method to add Menu bar in blogger.