Home / Blogging / How To Create Drop Down Menu in Blogger (Step by step Tutorial) 2019

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

How To Create Drop Down Menu In Blogger (Step by step Tutorial) 2019: 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 2019

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
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 “

 

Finally, we hope this article can help you to understand “How To Create Drop Down Menu In Blogger (Step by step Tutorial) 2019”. 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.

About Admin

Check Also

Best Native Ad Networks || Earn Money Online 2019

Best Native Ad Networks || Earn Money Online 2019: Native Ads are the future of …

14 comments

  1. where is the menu code?

  2. Check step 4 and step 9 for code.

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

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

  5. 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. jhaimun castelo same thing is happand to me right now please also help me

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

  8. 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. कोड नहीं मिल रहा है

  10. Check step 4 and step 9 for code.

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

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

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

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

Leave a Reply

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