3/31/2011

How to add navigation menu to your blog - Style 1

3/31/2011


The first style is the simplest form of your linked menu. Suitable for those who wants a simple and minimal look on their blog. You can use this menu to direct your readers to another page such as you About Me page, or any other pages. You can also put your social medias link using this navigation menu.

Home About Tutorial Blogkins

To have this menu on your blog, simply copy the codes given and paste them into your HTML/Gadget or anywhere you wanted it to be.
<style>
a.menu-link{
background: #c6deff;
padding-bottom: 5px;
display:inline-block;
padding: 5px;
text-align: center;
margin:3px;
color: white;
text-decoration: none;
width:60px;
}
</style>
<a href="YOUR LINK HERE" class="menu-link">WORD</a>
<a href="YOUR LINK HERE" class="menu-link">WORD</a>
<a href="YOUR LINK HERE" class="menu-link">WORD</a>
<a href="YOUR LINK HERE" class="menu-link">WORD</a>

You can customize the background. text color, and the menu width. Don't forget to change YOUR LINK HERE to your desired link and WORD to your own item. Goodluck.