Want to add a "blog" link to my navbar

[snapapple]

After studying my customization stuff, I conclude that each of my navbar tabs links to a page on my site http://www.susanappelphotography.com
So, I can't copy anything to create a new tab for a blog.

What I'd like to do is add a tab that says "blog" and have it link directly to my blog site. I'm in the process of setting up my blog at TypePad.

Can anyone help me with this?

Thanks,

Snappy

[Barb]

After studying my customization stuff, I conclude that each of my navbar tabs links to a page on my site http://www.susanappelphotography.com
So, I can't copy anything to create a new tab for a blog.

What I'd like to do is add a tab that says "blog" and have it link directly to my blog site. I'm in the process of setting up my blog at TypePad.

Can anyone help me with this?

Thanks,

Snappy

Hi,

If it is going to be a separate tab by itself, you would just add this to your navbar code in your header:

<li><a href="LINK TO YOUR BLOG/">My Blog</a></li>

If it's going to be in one of your drop-downs, you would add the above link in the correct position in your drop-downs. Make sense?

[snapapple]

Hi,

If it is going to be a separate tab by itself, you would just add this to your navbar code in your header:

<li><a href="LINK TO YOUR BLOG/">My Blog</a></li>

If it's going to be in one of your drop-downs, you would add the above link in the correct position in your drop-downs. Make sense?

Yes, makes sense. I want a separate tab in the top line.
Will this make the navbar wider? Do I need to change spacing and such?

[snapapple]

Yes, makes sense. I want a separate tab in the top line.
Will this make the navbar wider? Do I need to change spacing and such?

Answered my own question. Yep, it got wider and wrapped the search box to the next line. I'd like to make all the boxes smaller and squeeze it all on one line if possible. Can you help?

[Barb]

Answered my own question. Yep, it got wider and wrapped the search box to the next line. I'd like to make all the boxes smaller and squeeze it all on one line if possible. Can you help?

Hi,

I'm going to have Allen, who I believe to be our resident expert on drop-down navbars, help you out. I will let him know, and I'm sure he'll help out as soon as he can.

[snapapple]

Hi,

I'm going to have Allen, who I believe to be our resident expert on drop-down navbars, help you out. I will let him know, and I'm sure he'll help out as soon as he can.

Thanks Barb. Yes, Allen is the man. I'll be waiting to hear from him. :D

Allen, I did a little juggling and got it spaced out better. I think I just need to move the search glass up next to the search box. If that makes it too wide for the page, I may want to squeeze the boxes together or put the search box above the navbar or something. I know we played with this a long time ago, but I don't see "searchglass" in my code now.

[Allen]

Thanks Barb. Yes, Allen is the man. I'll be waiting to hear from him. :D

Allen, I did a little juggling and got it spaced out better. I think I just need to move the search glass up next to the search box. If that makes it too wide for the page, I may want to squeeze the boxes together or put the search box above the navbar or something. I know we played with this a long time ago, but I don't see "searchglass" in my code now.
Think this combination will get what you want.
Add the green for the searchglass and find and change the other greens.
Remove the duplicate red.

.searchglass {
position:relative;
left: 70px;
top: -19px;
_top: -21px;
}

#navbar {
width:690px;
_width: 720px;
font-size:0.85em;
padding-bottom:50px;
margin:0 auto;
}

#navbar li {z-index:99;
float:left;
width:85px;
position:relative;
}

/* style the links for the top level */
#navbar a, #navbar a:visited {
display:block;
font-size:11.5px;
text-decoration:none;
color:#CC0000;
width: 75px;
height:20px;
border:1px solid #000000;
border-width:1px;
background:black;
padding-left:12px;
line-height:19px;
}


#navbar ul ul {
width:100px;
}

#navbar ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0;
width: 75px;
}

Holler back with any questions.

[snapapple]

Think this combination will get what you want.



Holler back with any questions.

Thanks Allen, that did the trick.:thumb