Add Splendid Animated Drop Down Menu to your blogger blog

This is one of the few Drop Down Menu Widget that took a lot of my time in designing it. You have seen the trend of Animated Drop Down Menu on popular blogs. You can find a lot of different menu styles on the web. similarly designers and developers are often more then happy to share their techniques with the world and through these tutorials new blogger users can learn about trends and how to build websites and blog semantically. Drop down menu help users to navigate your website or blog effortlessly. make sure which navigation you are using for your blog It is user friendly. Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly blog. but the problem is that blogger is not providing this type of menu to there user but we can indirectly add this drop down menus to blogger by adding certain html/css codes. It’s a sure thing that CSS3 features like transitions, animations and transforms can add extra spice to your designs. In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features. animation effect tested with ie10, firefox and chrome 100 percent working..

The widget is exceptionally easy to be edited. To change links title simply replaced the text (under span tag) with your page titles and replace the hash sign (#) with relevant links.

5. Click save and Done! :)

Remember: The ID of your menu should be unique. For example, if you are using id='mbt_menu” in any of your menu or navigation then you cannot use the same ID for others.

For any further help please feel free to post your queries in the comment box below. Its Very Handy, Light weight and Professional navigation Which you all can use to get rid of scripts and bulky menus that uses images and takes a lot of time to load. Peace and blessings buddies. Subscribe to our blog via email or RSS and Like our Facebook page to receive free future updates. Enjoy! Thanks for reading our post.

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name. We love to hear from you! Leave us a comment.To ensure proper display, HTML/XML/JavaScript need to be Encode first using this Encoder Tool Then paste the Encoded code here.