A navigation bar is a great tool to have. It helps your readers easily find the information that they are looking for. Most readers spend less than one minute on each blog that they visit. They do not have the time (or the want-to) to browse through your sidebar for information. Having a navigation bar at the top of the page will make it easier for your readers to spend a little more time learning about your blog and all it has to offer.
Many of my customers who order a custom navigation bar feel overwhelmed by having to provide a url for each nav bar tab. They think that they have to create a special 'page' for it. The good news is that this is a super easy thing to do! It looks intimidating because it is a foreign idea, but the truth is that you can create a page for your nav bar by simply WRITING A POST. A page is a post, a post is a page. Earth shattering news, I know! Once you understand that concept, creating nav bar links is easy!
You can easily create a simple navigation bar by adding a 'Pages' gadget from your Page Elements page. When you create a nav bar using the Blogger gadget, it is probably easier to use the built-in pages function instead of posts. Be forewarned, nav bars created this way do not lend themselves to customization. If you are wanting a custom nav bar, one that is nicely centered below your header or that uses different fonts and colors than the ones on your blog, you will either need to hire a blog designer to create one for you or build the gadget yourself. Posts on how to create your own nav bar (advanced) and how to create a simple Blogger one (beginner) are coming soon.
This tutorial will focus on how to create posts for a custom navigation bar. Before we get started, you'll need to know a little nav bar lingo.
Navigation Bar Terms
Nav bar (navigation bar, menu bar): A navigation bar is a group of links that helps your readers easily navigate your blog to find what they are looking for. The nav bar on my blog is a row of links that sits below my header.
Url: A url is a web address. Every website has a url. Every post on your blog has a url. The url for this blog is http://sneakymommablogdesign.blogspot.com/. The url for this post is http://sneakymommablogdesign.blogspot.com/2010/10/how-to-create-pages-for-custom.html. A url can be found by going to the page you would like the url for and looking up at the very top of your computer screen (refer to above image) The long, skinny box will contain most (if not all) of the url. Simply clicking on the characters should highlight the whole thing, even the characters that are out of view. To see the url for a specific post, you'll need to click on its title. Click here for help locating the url for a specific post.
Tab (hotspot): A tab is the individual word(s) or image in a nav bar that your readers will click on to get where they want to go. Each tab needs a url to link to. My nav bar contains five tabs. Each tab consists of a flower and word(s). Each tab links to a specific post (url) on my blog.
Steps to writing posts for nav bar tabs
1. Write the post. Include everything in the post (photos, images, links, etc.) that you want your readers to see when they click on the tab that will link to it.
2. Backdate the post if you wish. When you backdate a post, it will not appear as the first post on your blog. It will appear on your readers' reading list when you first publish it, though.
3. Publish the post.
4. Click on 'view post'.
5. Copy the url (web address) at the very top of the computer screen and paste it somewhere for future use. I like to open up a new Word or Wordpad document so that I can easily keep up with the urls for all of my nav bar tabs. For more help with finding the url for a specific post, click here.
Common Nav Bar Tabs
Home: The home tab does not need a post. All it needs is the url of your blog.The url of your blog can most often be found by clicking on your header.
About: Write a post about yourself and/or your blog. Stick a photo in it if you'd like.
Friends: Create a post with your friends' blog buttons in it. To do this, click on the 'edit html' tab and paste the html codes to the buttons into it. If you'd like them all to be centered, put centering tags at the very top and bottom of the post.
Etsy shop/Flickr/Other Blog or Website: No post needed for this one, either. Go to the site you want to link to and copy the url up at the top of the screen. Easy peasy.
Previously Published Posts: Go to your 'Edit Posts' page. Scroll down to the post you'd like to link to. Click on 'view'. Copy the url and you're all set!
Labels: Want to link to a specific label on your blog? Perhaps you would like to share all of the posts labeled 'recipes' on your blog. To get the url, you'll need to click on the recipes label in your sidebar and copy the url at the top of the page. If you do not have the labels gadget on your blog, you will need to temporarily put one there so that you can get the url. Once the recipes tab has been created and clicked on, all of the posts that you have labeled 'recipes' will show up in order, most recent first.
If you have not labeled all of your recipes with the same label, you'll need to go in and do so before you can get the url for it. Check out Sondra's blog and click on her recipes tab to see an example of this. Her household, giveaways, and reviews tabs are also linked to labels.
Multiple Posts: Want to link to several posts from one tab in the nav bar? Not going to happen! You can only link to one url per tab. You can link to multiple posts only if you create a single post that contains links to all the posts that you want to share in it. The Favorite Posts tab on Aleta's blog was created this way.
In order to have a nav bar, you must have a url for each tab. If you do not have a url for a tab, you must create one. There is NOTHING difficult at all about creating a page for a tab to link to. A nav bar page is just a post. JUST A POST. A simple post that you can write just like you write any other post. A simple post that you can edit, add photos to.....it's just a post!
Have fun creating the pages for your nav bar! Be creative! Let the blogging world have easy access to the things on your blog that you think are most important. You (and your readers) will be glad you did!
Please do not copy and paste my words and images into your own posts. I work hard on my tips and wish for everything to remain on this blog. Want to share this tip with your readers or blog design customers? Feel free to link to this post: http://sneakymommablogdesign.blogspot.com/2010/10/how-to-create-pages-for-custom.html Thanks! :)
***This giveaway is now closed. Congratulations, Betty! :)
I used to have a personal blog. I loved sharing stories and photos of my family, but was dissatisfied with straight out of the camera shots that were taken with my point and shoot camera. So many other mommy bloggers shared high-quality photos on their blogs and I wanted to do the same.
I heard through the grapevine that I could edit photos on Photoshop Elements (PSE) that were taken with my point and shoot camera and achieve the sharp photos that I desired. I purchased the program (PSE7) and was excited that I would soon be able to turn ordinary pictures of my family into beautifully edited photos. My gung ho attitude changed the moment I opened the program on my computer. I was SO overwhelmed! All of those tools were available to me yet I had no clue how to use them. I tried the help section. No help at all! The online tutorials drove me crazy. Many of them were over my head. I needed help, help for the beginning, amateur photographer who had never edited a photo before and therefore had no clue what she was doing!
I owned PSE7 for two years and did not edit a single photo. I was able to use it in my blog design business (thank goodness), but when it came to editing photos, I was so incredibly intimidated. That all changed when I learned that my friend, Amanda (of Beautiful Blog Designs) was offering workshops on how to edit photos using Photoshop Elements. I visited her Everyday Elements site and learned that she offered several different workshops for photographers at all levels of expertise, starting at $35. I was intrigued!
I signed up for a private workshop since I wasn't sure whether I belonged in the beginner or intermediate class. I was a little leery about how the technology side of it would work (I’ve never taken an online, interactive class before) and was surprised by how easy it was to get everything set up. We started our online session and it didn’t take long to determine that even though I had worked with PSE for two years, I was most definitely in the beginner category when it came to editing photos.
Amanda went through all of the PSE quick edit tools and how to use them (on the left side of the screen). She talked to me about the benefits of shooting in RAW (by then we had purchased a DSLR) and showed me how to edit a photo in that mode. She taught me how to use actions and masks. Most importantly, she walked me through the basic steps of editing a photo. Amanda took photos that were straight out of the camera and tweaked them so that they looked polished and professional. Exactly what I wanted to learn how to do! The best thing was that I was able to watch her work and listen as she explained step-by-step everything she was doing. She answered every question I had and taught me so much more than I expected!
After our session was over, I was looking over the freebies that she had given me and determined that they alone were worth the cost of the workshop. I was so happy that she gave me a set of class notes (seven pages with easy-to-understand steps) and links to beginner video tutorials to help me with everything that she had shown me. She also gave me five actions (can't say enough about how cool these are!) to use on my own photos. If I need help, I can visit Everyday Elements on facebook and ask a question. I can submit a photo that I have edited to her Flickr group and ask for suggestions on how to make it better. Everything mentioned in this paragraph is included in all of her workshops. What a deal!
Amanda is incredibly sweet and patient. She is a hardworking mother of four who genuinely loves to help people with their photo editing skills. She wants everyone who is interested in learning more about PSE to be able to do so at an affordable price, which is why her workshop fees are so much lower than those of her competitors. She offers tons of free advice and freebies on her blog and facebook page as well as links to other free resources.
I’m so glad that I now have the technical know-how to create beautiful photos of my family without having to go through a professional photographer. I am soooooo looking forward to taking the intermediate workshop!
Guess what? Amanda is giving away a seat in one of her beginner, intermediate, advanced, or photography workshops along with her large set of creative actions! There’s something in this giveaway for everyone, regardless of whether you are a complete newbie to the photography world (like I was) or an advanced photographer who thinks that they know everything there is to know about PSE and editing photos.
To enter, all you have to do is visit Everyday Elements and leave a single comment on this blog telling me something that you learned along with your email address so that I can contact you if you win. That’s it! This is a required entry, so please don’t skip it!
To increase your chances of winning, you can earn additional entries by doing the following and leaving a separate comment for each:
Grab a Sneaky Momma Blog Design button and put it on your blog
Blog about this giveaway (include url to the post in your comment)
Tweet about this giveaway by copying and pasting the following into a new tweet: @bbsneakymomma @AmandaPadgett Got Photoshop Elements? Win a seat in an Everyday Elements WS and lg action pack! http://tinyurl.com/25dd6ku
You have a week to enter. One winner will be randomly selected next Tuesday (the 26th). The winner will be notified by email and will have 48 hours to claim their prize.