Monday, August 30, 2010

Creating a Blog Navigation Bar

"So, what is this navigation bar you speak of?" you may ask.

That would be the new thing below my header. You know, the one that now says "home", "recipes", "crafts", "blog design".

"Oh yea!" you might respond.

Yea. I'm pretty excited!

"So how do I get one?" you might ponder.

I will show you :)

Actually, I'll mostly refer you to other sites because I don't really feel like typing out how to do it when all I did was google how. FYI, you might need a basic understanding of HTML and how to work your way around a computer to do this.

The first thing you need to do is SAVE YOUR CURRENT TEMPLATE!!!! This way, if you mess anything up, you have a back up. I just went to the Edit HTML under DESIGN, clicked "Expand Widgets" and then copy and pasted the entire thing into a Word document.

Next, add the navigation bar itself. Jen at Jenieshell's Design Challenge shows us how HERE.

Once you follow all those steps, you get a plain nav. bar. You can stop here if you don't want any images.

Now, create your images in photoshop or something. I made my canvas 35 pixels high and then 150 wide. Then I cropped once I added the text. But I kept it at 35 pixels high.

Once you have all those saved and uploaded to a photo hosting place (like photobucket) you can proceed to the next set of instructions by Jen HERE.

You may have to play around with some of the coding to get what you want. Just preview when possible to see if you like it before changing.

Now... adding the correct links. This is edited in that HTML you created under the Page Elements. My "Home" tab- well obviously I just linked it back home.

The other tabs I'm still working on. You can create a Page under the "Edit Pages" under "Posting". Just make it it appears with NO GADGET. It'll give you a page you can link to.

Or you can do like I'm doing right now. WARNING: This is VERY tedious. Especially if you've had your blog a long time and have never used the labels at the bottom of the creating a post section. I'm going in to every post and adding a label to them (recipes, blog design, crafts). Then I click the label on the posted page. It'll bring up a page with ALL posts with that label. Then use that URL as the link.

Hope this makes sense. I know I'm all over the place! Let me know if you have any questions.


Post a Comment

Related Posts Plugin for WordPress, Blogger...