How to Add Page Link on Blogger Main Navigation?

How to Add Page Link on Blogger Main Navigation?


main menu

This is simple problem but very troublesome  for new Blogger that they can't able to add Page link on Blogger Menu. Blogger has its own Page widget where all pages will include automatically. But using multiple widget make Blogger template slower.  But we can easily add Page menu link on Main menu. As a result we don't have to add extra Page widget. The following guidelines will be helpful for adding page menu link on Main menu.

I have created a Hire Us For Premium Services page in my blog. Now I will show you how to add the page link on main menu.

Finding the Blogger Page link

First of all we will get the page link. Just follow the below steps-
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard ->Pages

Step 2 Mouse over on a Page you will see 4 options will appear. From there click on View link.

view page

Step 3 Now get the link from Browser. For my page I got link for Hire Us For Premium Services page. Simply Copy the link for further use.


Adding Link on Blogger Main Navigation (Menu)

Actually there are not any default blogger menu for user. So we have to use custom menu. I hope your template has already a Main Navigation or menu.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on Now click on -> Template -> Edit HTML

Step 3 Now find the menu code from template  Generally you can get the menu key after closing </head> 

code.   In example You can see a main menu with few item. Now I will find the last item Error 404 by 

pressing Ctrl+F (Windows) or CMD+F (Mac) 

Error 404

Step 4 Now add the code like below for Hire Us For Premium Services page.

<li><a href=''>Hire Us</a></li>

page link

Step 5 Now click on Save Template button. And check your template to see page link on menu link.

hire us

This is really easy to add page link on main menu. Just remember that you have to add the page link  and title.
<li><a href='Page Link'>Page Title</a></li>
So replace the Page Link with your Blog Page link and replace Page Title  with your Blog page title. If you are not understand the tutorial then you can leave a comment below I will try to make you understand. Thank you. 

Post a Comment

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *