How To Create Drop Down Menu in Blogger (Step by step Tutorial) 2020

How To Create Drop Down Menu In Blogger (Step by step Tutorial) 2020: Drop Down Menu in Blogger is very important to make a professional blog or website. However, because of the lack of proper information, some blogger doesn’t use this feature in their blog. Also, many people even think that it is quite difficult to put the menu bar with submenus on their Blog. Well, if you think to put Drop-down Menu on your blog easily then you are in right place. I will show you step by step tutorial on how to put the Drop-down Menu and Sub-Menu as well.

At the end of this article, you will also find video tutorials on the same. So for better understanding, you can consider watching our video tutorials as well.

Also Read: Best Free AMP Blogger Templates To Boost Your Blog Speed 2020

Drop Down Menu in Blogger

Steps for Creating Drop-down Menu

Step 1. Open blogger and click on the blogger Layout section.
blogger Layout section
Step 2. On Cross column Click on blogger Add a Gadget.
blogger Add a Gadget
Step 3. Click on blogger HTML/JavaScript.
blogger HTML/JavaScript
Step 4. Download and copy the code by the given link below:
blogger HTML/JavaScript
Now you can see the blogger Menu & Sub-Menu look like the image given below. So, we need to rearrange this and for that follow the steps given below.
blogger Menu & Sub-Menu

Read More: How to Add Web Push Notification on Blogger Blog For Free (Step by step Tutorial)

Step 6. Now click on the blogger Template section.

blogger Template
Step 7. Click on the blogger Customize Section.
Step 8. Click on blogger Advanced and then click on Add CSS to add the CSS Code.
blogger Advanced
Step 9. Now we need to download the custom CSS code from the given link below.

Read More: How To Add YouTube Subscribe Button on your Blog

Step 10. Copy the custom CSS code and paste the code manually then click on Apply to Blog and that’s it.
blogger CSS code

Also Read: How To Add Contact Form on Contact Us Page in Blogger

You can watch Step by step video tutorial on “How to Create Drop Down Menu in Blogger”

You can also watch Step by step video tutorial on “How to Edit Drop Down Menu in Blogger “


Finally, we hope this article can help you to understand “How To Create Drop Down Menu In Blogger (Step by step Tutorial) 2020”. If you really think this article helps you then don’t forget to appreciate our efforts in the comments below. For more blogging tutorials, stay connected with us.

For the latest tech news & blogging Tutorials, follow TECH FOR U on TwitterFacebook, and subscribe to our YouTube channel.

Read More:  How To add Social Media Icons in Blogger 2019
  1. MENCO

    where is the menu code?

  2. Samim Dewan

    Check step 4 and step 9 for code.

  3. Jarum Tajam

    how to remove post on at home appear ,just appear at sub menu only-not both view (home and submenu) ..tq

  4. Samim Dewan

    Watch 2nd video to know "How to Edit Menu-bar and sub-menu in Blogger ".

  5. Jhaimun Castelo

    Please kinldy hepl me guys. Why is not showing the sub-menu in my blog. All i copy the html code and css code above. Please advise. Thanks

  6. Dhruv Sharma

    jhaimun castelo same thing is happand to me right now please also help me

  7. Samim Dewan

    Guys,Sub-menu Code is not working for "Awesome Inc." try to use theme other than this.

  8. Dr.Shweta

    sir i want to add sub submenu to my blog. i used your html and css code. but it not give me proper result. please help me

  9. Navin

    कोड नहीं मिल रहा है

  10. Samim Dewan

    Check step 4 and step 9 for code.


    your trapping sir for add clicks where is the code ?

  12. Samim Dewan

    Check step 4 and step 9 for code and skip the add by clicking on the top right corner.

  13. Ezaj Hossain

    Sir, How to fixed sidebar widget look like your website?

  14. View Vendor Web Site

    WOW juѕt wһat Ӏ waѕ searching fоr. Came һere byy searching fοr kebaikan seet mengandung shaklee member area plus

  15. sweeteen

    Not all the submenus appear.

    am using watermark template . please advise

  16. vijay

    very helpful sir. Thanks for the clear explanation. go ahead

Leave A Reply

Your email address will not be published. Required fields are marked *