WANASEOBY: August 2012

Assalamualaikum and hi, this entry will guide you on how to add this kind of navigation menu to your blog. You can place them anywhere in your blog. Simply copy and paste the codes into HTML/Gadget.

option1 option2 option3 option4

<style>
a.jeonjin {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#000;
padding:2px;
border:1px solid #111;
border-left:20px solid #111;
text-decoration:none;
}
a.jeonjin:hover{
border-left:1px solid #ccc;
border:1px solid #111;
border-right:20px solid #111;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style> <a class="jeonjin" href="LINK">option1</a> <a class="jeonjin" href="LINK">option2</a> <a class="jeonjin" href="LINK">option3</a> <a class="jeonjin" href="LINK">option4</a>

You can change the colors, the words and the link of that navigation. Thank you for reading and if you need any assistant you can comment down below :)

WANASEOBY

8/15/2012

How to add navigation menu to your blog - Style 2

8/15/2012

Free trees on canvas patterns