How to Add a Beautiful Blogger Drop Down Menu

In this tutorial, we're going to teach you how to add a beautiful maroon-colored drop down menu for your blogger template Unlike many drop down menus on the internet, this menu relies only CSS and does not require Jquery scripts, which tend to slow the loading of your site for your visitors. The menu is responsive and fully compatible with all major browsers. All in all, this is a clean, modern and professional-looking drop down menu that will make navigation through your site much easier for your visitors.

Now let's start with the 5 easy steps to get this feature into your blogger template. First things first, login to your Blogger dashboard. 


Step 1: Click on the "layout" icon on the left side of your screen

Step 2: Click on the horizontal and longest  "Add a Gadget" link

Step 3: Click on the HTML/JavaScript link


Step 4: Now you should see a popup window with the title of "Configure HTML/JavaScript". In the content section of the popup window, copy and paste this code below and hit the orange button saying "save"





Step 5: make sure to change all the "#" signs that are highlighted in red with your links.


That's it! Enjoy, you're done!