Tutorial Navigation Style #2

[ LIVE PREVIEW ]

TUTORIAL NAVIGATION STYLE #2

1. BLOGSKIN : paste atas code < / style >
2. DENIM / SIMPLE : Add a gadget > HTML/Javascript

<style> .snavi { width: 90px; padding: 4px; background: #eee; display:inline-block; font: normal normal 13px 'oswald', times new roman, serif; letter-spacing: 2px; text-transform: uppercase; text-decoration:none; margin: 2px; color:#A7A2A3 !important; text-align:center; border-top: 5px solid #ccc; border-bottom: 5px solid #ccc; border-radius: 5px; -webkit-transition: 2s; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } .snavi:hover { -webkit-transition: 1s; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; background:#ccc; color:#fff !important; border-radius: 5px; } </style> <center> <a class="snavi" href="https://www.blogger.com/URL/LINK">aboutme</a> <a class="snavi" href="https://www.blogger.com/URL/LINK">tutorial</a> <a class="snavi" href="https://www.blogger.com/URL/LINK">freebies</a> <a class="snavi" href="https://www.blogger.com/URL/LINK">whatever</a> </center>

CP by : Adam Faiz