Search This Blog


Wednesday, April 23, 2014

How to Create a Custom Navigation on Blogger

When Blogger changed their dashboard and how you manage their pages, I can assure you that you weren't the only one confused. I had to spend about an hour figuring it out. However it is now all set up and ready to go. Here is the latest update on how to create a custom navigation for your blog on Blogger.



<a href="INSERT WEBPAGE/WEBSITE URL HERE" target="_blank"><img alt="Me" src="INSERT IMAGE URL HERE" height="30" alt="INERST NAME OF THIS BUTTON" style=”float:left; margin: 0px 0px 0px 0px;” /></a>

Copy the above code and place below and then fill in the blanks for each subsequent button you have for your navigation bar. For full details, see the video.


  1. Thank you for providing these tutorials. They are awesome! I am a brand new blogger and wrote my first blog yesterday, but didn't have any place to put it. So I found you and learned how to build my blog from your tutorials. Thank you so much.

    Now I am watching your tutorial on how to add a navigation bar, but I can't find the html code. Am I missing something, or is it not posted.

    1. Hi Tracy, I'm so glad you are finding them helpful! Sorry about the code, it seems that it may have been accidentally deleted. Let me go grab it and post it for you. Back in a jiffy!

    2. You're all set now Tracy! Code is back in the post, thanks for letting me know it wasn't there. Please let me know if you have any more questions! Have a great day :)

  2. hi martiel, how to make a full menu navigation link without a blank space ? because when i split the box of menu maybe it's not to exactly positions

  3. Thanks for providing this tutorial. It works! But the only issue I have is that all the links open in a new tab. How can I get them to open on the same page?

  4. Hey thanks so much for this! Can you also help with how can I get the pages tab I have just created in the centre of my blog?