1) Login to blogger and go to the dashboard for your blog.
**You will obviously need links for your navbar and there are several ways to get them- for instructions on what you can use for links in your navbar click HERE.**
2) Click the Design tab. Click the "Edit" link on the top HTML/Javascript widget as pictured below:
3) Once you click edit, a screen will pop up that will look similar to the screenshot below (yours will not be highlighted- the text highlighted below is for illustrative purposes only):
4) The navbar is originally set up so that there are slots for 5 menu titles and 5 corresponding url links. You can have more or less links than that, but 5 is the original number that will be set up. Each url link slot is highlighted in pink above. Each menu title slot is highlighted in blue. I inserted an actual url link and title above in the first slots just to give you a visual example of what it looks like when the slots are filled. All you need to do is replace the indicated spaces with your own url links and menu titles.
Some tips:
*The url link will always be BEFORE the menu title, so your homepage link will always be before your actual title "Home".
*You don't HAVE to keep the { } brackets around your titles. I have them there as part of the design aesthetic, but you can remove them if you want.
*DO NOT REMOVE ANYTHING THAT IS NOT HIGHLIGHTED IN THE ABOVE IMAGE.
*If you accidentally mess up the code, you can start over by copying and pasting the code below into the widget and replacing the correct slots.
ORIGINAL NAVIGATION BAR CODE:
