31 / 03 / 2011

How to add navigation menu to your blog – Style 1

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.

»
«
»
«

The blog writer

shazwana


An ordinary girl with a lot of hobbies, using this blog to share every pieces of her life, I am Wana without Seoby, a Marketing student who is in love with the art of coding.

Read more about me


+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM