Awesome CSS Navigation Bar Design

For a website navigation bar / menu bar is very important. Using the menu bar you can go everywhere in the blog. So you have to choose proper menu bar for your blog/website. It should be attractive.

Just take a look these links for the code::

THE CSS

THE HTML

How to Add this in Blogger ?  
It's very simple.
1.In your blogger template,find     </b:skin> 
2. Paste THE CSS part above </b:skin> 
3.Now go to Layout in your blogger Dashboard.
4. Click on "Add new gadget". Then in a new HTML/JavaScript page element , paste " The HTML " part
And click Save.
Change Place:
In the html part you can change :

<li class=" home "> <a href=" # "> Home </a></li>
[Change ' # ' with your own link and '   Home  ' as you your website needed]

( N.B : Be careful while working with these codes. Please make a backup of your TEMPLATE. )