Add Css3 Awesome Minimalistic Animated Menu In Blogger Detailed Tutorial

Yesterday i found very cute and awesome minimalistic animated menu and i planned to make a tutorial for blogger blogs. The Menu is completely based on Css3 and no any images are used in it which also one of great features of this menu.

Demo

Click Here For Live Demo

Here We Go...

Step 1: Go to Blogger Dashboard>Template>Select 'Expand Widget'

Step 2: Now Search for ]]></b:skin> and add this code above it.

Click Here To Get Css Code

Step 3: If you want to display this menu in top navigation, than search for this code in your template.

<div class='main-outer'>

Once you found the above code, paste this code just before that above code.


Click Here To Get HTML Code

Save Your Template and preview it.

Download Source Code

Click Here to Download Source Code

What Do you say?

How did you find this tutorial? please don't forget to post your comments.