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.

Read More:  How to Quickly Add YouTube Subscribe Button on your Blog 2019

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

Also Read: Free theme for blogger || Best Premium Blogger theme for Free 2020

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:

Read More: How to Easily Add Attractive Tables in Blogger 2020

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.
How To Create Drop Down Menu in Blogger (Step by step Tutorial) 2020 1
 
Step 8. Click on blogger Advanced and then click on Add CSS to add the CSS Code.
blogger Advanced
Add CSS
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 “

 

Read More:  Setup Google FeedBurner to Enable Email Subscriptions 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.

Updated: September 5, 2020 — 1:07 pm

16 Comments

Add a Comment
  1. Pingback: Admin
  2. Hello, i just tried the code and it works great! However, I’m planning to change the width of the menu and make it centre on my blog. How do i play around with the codes? I tried to change the left on text-align to center but nothing is working. Idk how to code, so i would be so grateful if you could help me out. Thanks.

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

  4. Not all the submenus appear.

    am using watermark template . please advise

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

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

  7. your trapping sir for add clicks where is the code ?

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

  9. 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

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

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

  12. 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

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

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

  15. Check step 4 and step 9 for code.

Leave a Reply