How to Add Menu Bar in Blogger

How to Add Menu Bar in Blogger

In this post i will explain how to add Menu bar in blogger blog. Today most of the website or blog has Navigation or Menu bar or Menu tabs. Mostly these tabs is placed on top of the website or blog and some website or blog these navigation bar or menu bar or menu tabs placed on bottom. 

A website or blog has many pages or tabs but mostly website or blog some pages or tabs are common like Home, About Us, Contact Us, Privacy Policy pages or tabs also pages or tabs like Disclaimer, Copyright Policy, Sitemap, Terms of Services depends on which type of website or blog you have. Also you can create pages or tabs like Services is very popular word most of the website or blog.

A navigation or menu bar or menu tab also described the category of contents for example suppose you create a menu tabs like SEO so means all contents related to SEO are placed in SEO menu tabs, so that visitor easily to read all type of contents of particular category.

A professional website or blog has primary pages or menu bar or menu tabs are
  • Home
  • About Us  
  • Contact Us
  • Privacy Policy
  • Sitemap 
And secondary type of pages or menu bar or menu tabs are
  • Disclaimer
  • Copyright Policy
  • Terms of Services etc

And third type of pages or tabs are depends on types of contents or which type of website or blog whatever you want to make a pages or tabs, so a navigation or menu bar is a great place to your website or blog to make easily accessible to the readers or visitor.

A navigation or menu bar or menu tabs may be static pages or may be dynamic pages, but  in this post, i will explain static pages like Home, About Us, Contact Us, Privacy Policy, Services. Also i will show how to link these pages as a menu on top of the website or blog.

Follow These Steps

Step 1.   Login in Blogger account(go to www.blogger.com) and select a blog (if you have more than one blog) you want to create pages and add pages as a navigation bar or menu tabs,  if you have more than one blog, screen shown below


Add Menu Bar in Blogger

Step 2.   Click Pages tabs (see left side navigation bar), screen shown below
Above you can see no any pages


Add Menu Bar in Blogger

Step 3.   Click New page button(see first from the left side), screen shown below


Add Menu Bar in Blogger

Step 4.   Fill up Page title for example I want to create Home page simply write About Us and write some contents about your website or blog for example I write 'This is my About Us'. Screen shown below


Add Menu Bar in Blogger



Step 5.   Click Preview before Publish, just for checking how look my created About Us  page

Step 6.   Click Publish button (see top right side in color background), screen shown below


Add Menu Bar in Blogger

Step 7.   Now repeat Step 3, Step 4, Step 5 and Step 6 for creating other pages like Contact Us, Privacy Policy, and Services

Simply click New page  ->  write Page title  -> write content in content area  -> Preview -> PublishScreen shown below


For Contact Us Page


Add Menu Bar in Blogger



For Services Page


Add Menu Bar in Blogger

For Privacy Policy Page


Add Menu Bar in Blogger


Finally Publish all pages , screen shown below


Add Menu Bar in Blogger

Step 8.   Click Layout (see left side navigation bar), screen shown below


Add Menu Bar in Blogger

Step 9.   Click Add a Gadget in Cross-column, it open popup just scroll down and find Pages Gadget, screen shown below


Add Menu Bar in Blogger

Step 10.   Click Plus sign(+) screen shown below


Add Menu Bar in Blogger

Step 11.   Check all checkbox you are created pages and also check default Home pages, by default Home page is checked. Also you can arrange these pages whatever you want to show on our website or blogs, simply drag and drop, screen shown below


Add Menu Bar in Blogger

Step 12.   Click Save button, you can see Pages Gadget include in layout then click Preview button just for checking how my menu bar look like, screen shown below


Add Menu Bar in Blogger

Step 13.   Click Save arrangement button (see top right side in color background)

Step 14.   Click View blog(see left side just above the navigation bar), screen below

Add Menu Bar in Blogger

This is Navigation bar or Menu tabs of your website or blog.




                          I hope, it helped you to understand how to add Menu bar or Navigation bar or Menu Tabs in Blogger Blog……Thanks

About MSK TUTORIAL

Hi...I am Md Sahjad Karim and I am Engineering Graduate (B.E in Computer Science and Engineering) working as a Web Developer and write Blog Articles. http://www.msktutorial.com/ was launched on july 2016 to provide free online hints, tips, guides and tutorials related to technology(PHP, CodeIgniter, WordPress, Blogger etc). My primary goal is to provide the good, quality and easily to understand the articles to readers around the world.
    Blogger Comment
    Facebook Comment

2 comments:

Anonymous said...

Good post

Anonymous said...

Really good post...

Post a Comment

Thanks For Visiting Blog...