How to add navigation menu to your blog – Style 1

31 / 03 / 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.

»
«
»
«
WANA, TWENTY ONE
The girl on the left telling you to have a happy reading!

+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM