Ever since The World Wide Web Consortium (W3C) introduce HTML5 and CSS3, the online web tools have took a great new shape, In this tutorial am sharing with you, you are going to learn how you can add a pure CSS drop down menu to your blog with no jQuery effect, and it is of two structures, the html and CSS part. We have created this widget with our possible best, so that the implementation will be so easy for you to understand, and we will be publishing lot's of tutorials about CSS and html structure, so that you will be able to create awesome menus with ease.
- Go to your blogger dashboard
- Click on "Design" > "Page elements" > "Add a Gadget"
- Copy and paste the code below in the content box leaving the title blank
Replace # with the url/link of where you want to point the menu to, and replace all sub page with your menu title.
If you look at the code above carefully, you will notice that this is the code that responsible for the drop down effect, and if you which to remove drop down effect from any of the two menu, then omit the code below for it's tag.
If you encounter any problem, may the structure of the navigation bar look scattered, then read how to add drop down in new blogger template and feel free to ask, if you need any further help, and be expecting more of our stylish drop down menu, take care of yourself till then.
*Please confirm the email sent to your inbox after clicking "Sign Up!".