5 Attractive CSS Drop Down Menu for Blogger

The navigation menu bar is an important part of every blog and website. Where visitors can navigate the blog pages and posts. So this more necessary to make it attractive and user-friendly. If you’ve already this feature, then it’s right. If your blogger blog missing this feature, then follow this tutorial.
We usually use two types navigation bar on our site or blog single line menu bar and drop-down menu bar. Which is the most advanced forms of the  navigation bar, but unfortunately the blogger default templates don’t have this feature, but don’t worry, I bring a collection of drop down menu bar for you and I will also teach you how to add in blogger blog. In the below I showcase some attractive drop down menu bar with its live demo and code, so select your from and add your blog.

Stylish drop down menu bar

css drop down menu bar

Css3 Thin Style Navigation Bar

 Navigation menu bar

Simple Css3 Drop Down Navigation Bar

Simple Css3 Drop Down Navigation Bar

Clickable Tabs Navigation Bar

Clickable Tabs Navigation Bar

Css3 Smooth Drop Down Menu Bar

Smooth Drop Down Menu Bar

 

How to add  in blogger blog.

 

  • First, choose from above five styles you can see its demo then click on view code a new window will appear
  • Copy the code from appearing window
  • Login your blogger account and go layout section and add a new gadget.
  • Select JavaScript/html and paste the above code here.
  • Replace the # with pages, posts or label links and anchor text with your own
  • Save the widget and drag below the header and click on save arrangement.
I hope this tutorial will be help you, to find an attractive navigation menu for blogger blog and you also successfully add in blogger. If you unable to add to the above method, then read upcoming article or leave a comment in below box.

Check Also

How to Add Any Navigation Menu Bar in Blogger

Recently l have shared some CSS dropdown menu bars, but our some readers are unable  …

16 comments

  1. Thanks for sharing attractive menu bar tutorial.I was just looking for menu bar design to make my website attractive now can say these awesome menus.My a web designer in a designing agency.

  2. Cool! These menus are marvellously beautiful! Thanks for your help and ideas!

  3. Thanks .. admin it really works and it's amazing. great work

  4. great post,and this is a nice blog

  5. Hi, This is awesome 🙂 I just have a doubt. How to change the font style in the css code for the the thin style navigation bar (Second one from top)

  6. After I install the drop down menu, how do I add text into the menu?

  7. Hello, it doesnt work for me at all… =(

  8. Hi
    which menu doesn't work?
    these all tested. you can see it live demo…

  9. It doesn't worked properly like a Live Demo

    http://moele.blogspot.my/#

    can you please, figure it out?

  10. Thank you so much,used second one thin style navigation bar on my blog and looks great.
    checkout my blog:
    blogsetupseo.blogspot.com

    blogsetupseo.blogspot.com

  11. Are any of these mobile-friendly?

  12. Submenu Is Not Working Yaar. plz Help Me

  13. I tried to use Simple Css3 Drop Down Navigation Bar. When I added these dropdown menu gadgts at place other than Cross Column(i e below header) it is working. But below header, it is not working. Can u guideplese?

Leave a Reply

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