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 …