Search This Blog

Loading...

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.

Enjoy!



Code:



<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.

11 comments:

  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.

    ReplyDelete
    Replies
    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!

      Delete
    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 :)

      Delete
  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

    ReplyDelete
  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?

    ReplyDelete
  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?

    ReplyDelete
  5. Thanks for your help! I got it to work :-)

    Since I made a few changes, I thought I'd share:
    I wanted transparent pngs for my buttons, so I had to use Photobucket instead of Flickr. I also adjusted the height to 115 instead of 30. I had to delete some of the code at the end of the (very long) Photobucket URL and take a "closing tag" out of their link.

    Here is my blog so far http://expressivemonkey.blogspot.com/

    I still want to design a header and some buttons for along the side. I watched your tutorial on the buttons and I think I'm all set to do that ... THANKS!

    What I'd really like to learn is how to edit the font used in the title of the gadgets and put a decorative element under the title of each gadget. Do you have a tutorial about that, or would you be interested in making something like that?

    Thanks again!

    Stacey

    ReplyDelete
  6. Thank you for your help... you wouldn't know how to add a drop down menu from these buttons would you?
    -Erica

    ReplyDelete
  7. It's awesome. ;) Detailed and easy to understand, just do not skip and pretend that you already know the part because each step is very important. Great! My professor referred this video and it is really helpful.

    ReplyDelete
  8. Automation and control for larger luxurious homes will entail systems that are scalable and compatible with third-party peripherals for better control of everything from doors to blinds.
    Sonos

    ReplyDelete