Create Menubar Easy

Many nanyain you like the menu that I like a blog on this. For blogspot, before creating the menu, the page that the link should be created in the first posting of the usual, because in blogspot does not have facilities to create the page, which have only made posting. the menu so we will be posting the link to that is we create.
Suppose you want to make the menu Home, About, and Portfolio. then you must make a posting with the title / Title: Home, About, Portfolio and, therefore, we will have 3 pages with the url http://nama.blogspot.com/depan.html, http://nama.blogspot.com/ tentang.html and http://nama.blogspot.com/portofolio.html.

Then follow the steps of making the menu automatically using the List-O-Matic. After all the steps in doing, you will be 2 types of code that is HTML and CSS.

Here is the HTML for this list:



Home
About
Portfolio


Copy the HTML code and insert through the Add a Page Element - HTML / JavaScript and where you place the menu does appear.

Here is the CSS for this list:

# navlist ul
(
margin-left: 0;
padding-left: 0;
white-space: nowrap;
)
# navlist li
(
display: inline;
list-style-type: none;
)
# navlist a (padding: 3px 10px;)
# navlist a: link, # navlist a: visited
(
color: # fff;
background-color: # 036;
text-decoration: none;
)
# navlist a: hover
(
color: # fff;
background-color: # 369;
text-decoration: none;
)

While for the CSS code and copy must be in place in the code template. Page template in your blog, select Edit HTML, place the CSS code from List-O-Matic now been before the code]] and save the template.

Happy Testing!