Monday, June 6, 2011

How to Add Beautiful Menu Bar to Free Blog Blogger for Better SEO Tips

Summary: By this useful article you teach that how you add beautiful Menu bar in free blog blogger and step by step suggestions and tips has been given in this regard, really if you success to add Menu bar in blogger blog your blogger gives professional look


By this useful article you teach that how to add Menu bar just below your blogs header. This is very important that you can move your free blog blogger like Website and other new CSS style blogs and it is depending types of your blogger template you are using, but it will on top form, so for all time use a test blog before you apply it to your current blog.  The Menu bar is normally used to submit to collection of hyperlinks authorizing visitors rapidly move around in your blogger blog.

Introduction of Menu bar

You can see below of the title of blog a link holding a horizontal bar we call it 'Menubar'. Menubar is a kind of 'Linkbar', when use 'Linkbar' below the title of  blogger blog. You can say it as a 'Menubar', some blogger templates call that horizontal bar as a system. If there is no system 'Gadget' in your blogger blog by default, what can you do to add it. Now see the step by step suggestions and tips how you add menu bar in blogger blog with easily.

1. Go to then Design, Edit Html, Download Full Template, this is to backup your blogger template, so that you do not loose any data. Check the Expand Widget templates.

2. Now press Ctr+ F command and search the codeline has given below:


3.  After that paste the following code  before the above code line.

4.  Change the background colors in the  above code according your blogger template with carefully for example (background-color:#ffffff;) and change it with your choice, If you want to change color of your code in blogger template click here.

5. Go to your Blogger Dashboard, Layout, Page Elements and now above blog posts area, click on 'Add gadget' and enter the following code:

<ul class="basictab">
<li class="selected"><a href="">Home</a></li>
<li><a href="URL link "&gt;title of link</a></li>
<li><a href="URL link "&gt;title of link</a></li>
<li><a href="URL link "&gt;title of link</a></li>
<li><a href="URL link "&gt;title of link</a></li>
<li><a href="URL link "&gt;title of link</a></li>
<li><a href="URL link "&gt;title of link</a></li>

6. Change the green colors in the above code write your URL link and title of link in the above code with carefully.

7.  For more guidance see the picture has given below:

8.  For example, your template is not supporting of Add Gadget below of your header, now press Ctr+F and Search the following code line in your blogger blog.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
9.  Change the above code in green color '1' to '2' and 'no' to 'yes' and save your template

If you like this article please leave your comments.

Please Give Us Your 1 Minute In Sharing This Post!
Powered By: Music Stuff Blog


Post a Comment