Add Horizontal Menu Bar in Blogger

Making Your Blog Simple and navigative grow the love of readers and visitors.Actually the Horizontal Menu Bar is an awesome bar which can be placed at the top of Blog or below header Section,which will certainly helps the readers to easily navigate,contact,and explore your blog contents.In this regards,here is a cool Horizontal menu bar (Black Style) which can make your blog navigative and friendly.

How To Add Horizontal Menu Bar in Blogger

  • Now Search for ]]>
  • Copy and paste the below script above ]]>

#Wrapper_Nav{background:#111; height:35px;}
.Top_Menu{margin:0 auto; width:960px}
.Menu a{color:#fff; display:block; padding:4px 7px;text-decoration:none}
.Menu a:hover{background:#f4f4f4; color:#333; display:block}
.Menu ul{list-style:none; margin:5px 0}
.Menu li{float:left; height:25px}
.Menu{float:left; height:35px; width:960px}

  • Now Search for
  • Now Copy The Below Script and add it below tag


  • Replace # with the specific links you want to redirect,also change the text to your desired text.
  • Note :- If you are interested in adding more menus,simply add "
  • #">Text
  • b/w
      and
  • Save Your Template
  • That's it !
So What's Up:- Actually this menu bar will make your Blog navigative to the readers,they can explore your blog contents easily by clicking the labels,Share your ideas with us,stay Blessed,Happy Blogging !


Aucun commentaire:

Enregistrer un commentaire