Create menu in Blogger


In this post I will write how to create menus in blogger, for example "Home, About Us, Contact"

This is the demo


To start it before the important thing is to make pages that will be given a menu, so make first page "Home, About Us, Contact".

This first is needed to create a menu is given gadgets "Linkliste"

And these steps:

1. Go to your Blogger account, and select which blog you want in the given menu, then go to the "Design" then click "Add Widget" and then select gadgets "Linkliste"

2. Fill in title in accordance with what you want, then enter the url of each page, eg "home url" then click "Add Link", do these steps until all the menus as you want.

3. In my example this "LinkList01", so after adding the gadget you should just see how the existing Linklist on your blog, and change LinkList01 from my example to the existing Linklist on your blog.

4. Gives color to the menu.
This we must give the CSS styles to give color and effect on the menu.
For that go to your blogger account, choose the "design" then click "Edit HTML", then search for this article "</head>"

5. Further copies of this code above the "</head>"

#LinkList01 ul {
list-style: none;
padding: 0;
margin: 0;
}

#LinkList01 ul li a {
padding: 1px 10px 2px 10px;
display: block; background-color:# EEE;
text-decoration: none;
color: # 555;
margin-bottom: 1px;
}

#LinkList01 ul li a: hover {
background-color: # 333;
color: # FFF;
}

6. After that save the templates.
7. Refresh your blog page
8. Congratulations you've finished creating the menu for bloggers.

Official wiyono blog