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.


AboutHomeTutorialsFollow

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.

»
«
»
«

A personal & design blog based in Malaysia. Blog is still under construction but enjoy your visit!

Search this blog

category

Blogging Personal Tutorials Freebies Category Category

subscribe this blog

My Bloglist

Sponsor


Random post from this blog



© 2011-2017 WANASEOBY.COM