oh jeez I can't figure out if there is anything wrong with it thats a little too over my head I guess I'll just leave it unable to drop down for now.

Yowza! So 6 ours later, and I finally figured out how to do this with one of the advanced templates. It was driving me nuts previewing fine but not saving at all. Then I realized I needed to change over to the old interface as it won't let you mess with the HTML in the new interface I guess.

So here is the issue now though. I want to get rid of the blogger navbar at the top. I followed the instructions from the first post in this giant thread and inserted that code. It removed the nav bar, but left the space at the top where it used to be. So the challenge is how to remove the bar AND close up the gap at the top.

Oh and one more thing. I have a custom java script contact me page. But I don't think I can use it on the blogger site. I can't figure out where to put the java script, if I even can. So for the moment, I have the Contact button on my blogger page take people back to the home page of my web site. It's better than nothing until I can figure out what I am missing here...

Any help you may have out there will be greatly appreciated!

www.ponophoto.com

Originally Posted by Pono Photo Oh and one more thing. I have a custom java script contact me page. But I don't think I can use it on the blogger site. I can't figure out where to put the java script, if I even can. So for the moment, I have the Contact button on my blogger page take people back to the home page of my web site. It's better than nothing until I can figure out what I am missing here...

I don't believe you can use Smug's pro contact form outside of smug - and jfriend's code requires smug's form. You will need to implement a different form from the link on your blog.

Originally Posted by Pono Photo I want to get rid of the blogger navbar at the top. I followed the instructions from the first post in this giant thread and inserted that code. It removed the nav bar, but left the space at the top where it used to be. So the challenge is how to remove the bar AND close up the gap at the top.

Add this to your CSS:

#navbar-iframe,
#navbar { 
    display:none; 
}

--- Denise

Originally Posted by lenapetersonphotography oh jeez I can't figure out if there is anything wrong with it thats a little too over my head I guess I'll just leave it unable to drop down for now.

It's quite possible that using an HTML widget for your drop-down navbar is fine, but whatever errors stopped you from saving your template is also causing the HTML to not behave properly in the widget. Blogger requires that the HTML be correct from a syntax standpoint. Either way, you need to fix the HTML or go without the dropdowns.

--- Denise

Yeah, I was just talking with jfriend and he told me it was based around the smugmug framework. So now I have to go back to a wufoo based contact page. I guess that will work just as well, just not as cool looking.

Oh and thanks for reminding me to drop that extra code into the CSS. totally forgot!

www.ponophoto.com

So that was interesting. I went back to the first post you made about this and went to the link about removing the navbar. I put in the code he said to use there and it removed it, but it also left the space there. So there was just an open nothing at the top of the page. I then deleted that code, and replaced it with what you just said to use, and it worked fine. Everything is where it should be. Thanks for that one! If it had not moved everything up like your code did, I was just going to leave the navbar there since the gap looked weird. Thanks again! You are a rock star!

I must be so dim, cause I just aint getting this at all, I'm just not clear what CSS & HTML to grab and where to put it, I've been banging my head against a brick wall all night

Originally Posted by marcusrichphoto I must be so dim, cause I just aint getting this at all, I'm just not clear what CSS & HTML to grab and where to put it, I've been banging my head against a brick wall all night

I've tried putting the following HTML in the header, but it just wont work

<div id="customHeaderContainer"><div id="customLogo"><img src="http://www.marcusrichphotography.com/photos/i-Lm7R8x2/0/O/i-Lm7R8x2.jpg" style="visibility: hidden;" border="0"></div><div id="customNavContainer"><ul id="customNav"><li><a href="http://www.marcusrichphotography.com/">Home </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/Other/Bio/20460842_XwgLBx"> Bio </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/galleries"> Galleries </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/Other/Services/20913933_8Vbx85"> Services </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/Other/Guest-Book/20078949_9dzDv8"> Guest Book </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/Other/Desktop-Wallpapers/21724788_tvdvdR"> Wallpapers </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://www.marcusrichphotography.com/Other/Links/20986940_9pc8VW"> Links </a></li><li>&nbsp;•&nbsp;</li><li><a href="http://marcusrichphoto.wufoo.com/forms/z7x3k1/"> Contact</a></li></ul></div></div><div id="my_banner"> </div>

Originally Posted by marcusrichphoto I've tried putting the following HTML in the header, but it just wont work

I suspect you have one of two problems:

• Blogger doesn't like the special characters in your HTML. Remove them, then try to save again.
• Blogger does not tolerate HTML that is not syntactically correct, while smug sometimes lets some small errors through. Every tag must have a corresponding end tag.

--- Denise

Originally Posted by denisegoldberg I suspect you have one of two problems: Blogger doesn't like the special characters in your HTML. Remove them, then try to save again. Blogger does not tolerate HTML that is not syntactically correct, while smug sometimes lets some small errors through. Every tag must have a corresponding end tag. --- Denise

Hi Denise, I'm affraid I am not an HTML expert, so I have no idea what is a special character is. Blogger did mention the image needed a img tag at the end, but I still couldn't work out the correct way to show the tag.

Is there someone I can pay to set it up for me?

Marcus.

Originally Posted by marcusrichphoto Blogger did mention the image needed a img tag at the end, but I still couldn't work out the correct way to show the tag.

Ah, that's likely the problem then. Your <img tag doesn't end properly.
Change this:

<img src="http://www.marcusrichphotography.com/photos/i-Lm7R8x2/0/O/i-Lm7R8x2.jpg" style="visibility: hidden;" border="0">

to this:

<img src="http://www.marcusrichphotography.com/photos/i-Lm7R8x2/0/O/i-Lm7R8x2.jpg" style="visibility: hidden;" border="0" />

Note the addition of the / before the end of the statement.

--- Denise

Originally Posted by marcusrichphoto Hi Denise, I'm affraid I am not an HTML expert, so I have no idea what is a special character is. Blogger did mention the image needed a img tag at the end, but I still couldn't work out the correct way to show the tag. Is there someone I can pay to set it up for me? Marcus.

I've now managed to get the custom header in, using the following code

<img http://www.marcusrichphotography.com.../i-Lm7R8x2.jpg /> , but on preview only, it won't let me save template. What am I doing wrong?

Originally Posted by denisegoldberg Ah, that's likely the problem then. Your <img tag doesn't end properly. Change this: <img src="http://www.marcusrichphotography.com/photos/i-Lm7R8x2/0/O/i-Lm7R8x2.jpg" style="visibility: hidden;" border="0"> to this: <img src="http://www.marcusrichphotography.com/photos/i-Lm7R8x2/0/O/i-Lm7R8x2.jpg" style="visibility: hidden;" border="0" /> Note the addition of the / before the end of the statement. --- Denise

Tried that, but it also didn't work. Blogger comes up with an error message 'we're sorry, but we were unable to complet your request' giving me an error code bX-esrvhb.


Am I supposed to put my code in here... replacing the current code, or do I add to it?

<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Marcus Rich Photography (Header)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>

Originally Posted by marcusrichphoto Tried that, but it also didn't work. Blogger comes up with an error message 'we're sorry, but we were unable to complet your request' giving me an error code bX-esrvhb. Am I supposed to put my code in here... replacing the current code, or do I add to it?

You need to add your code. Do not replace Blogger's code; you will break the blog format if you do that.

Your HTML needs to go in the HTML section of the blog - after the HTML starts, but before blogger declares the sections of the blog.

I probably won't have time to look at your HTML in detail until after the weekend. Hopefully someone else will jump in between now and then.

--- Denise

Originally Posted by denisegoldberg You need to add your code. Do not replace Blogger's code; you will break the blog format if you do that. Your HTML needs to go in the HTML section of the blog - after the HTML starts, but before blogger declares the sections of the blog. I probably won't have time to look at your HTML in detail until after the weekend. Hopefully someone else will jump in between now and then. --- Denise

Thanks Denise, I'll have another go when I get home from work :)

After much and plenty of I have finally manged to get it sorted, although a few more tweeks are required to finish.

Thanks again Denise

Originally Posted by marcusrichphoto After much and plenty of I have finally manged to get it sorted, although a few more tweeks are required to finish. Thanks again Denise

OK, here is the nearly finished blogspot http://marcusrichphotography.blogspot.co.uk/ please have a look and see if it works for any of you.

I'm trying and failing to manage to change the colours and boarders of some of the boxes, changing the HTML doesn't seem to affect the background colours. I've notice the HTML points to gif files for the box containers, does this mean they can't be changed?

Marcus.

Originally Posted by denisegoldberg Very cool! Just wanted to let you know, I won't be available to experiment with this until sometime over the weekend. Please post back if you figure it out in the meantime. Blogger is picky! Thanks for the heads up on the &nbsp. --- Denise

Thank you Denise! The header background is there and looks pretty good. It's not in the exact place as the smuggy pages but I don't know if it would even be possible to make Blogger & Smuggy line up identically. I'm very happy with this look.

What do you think... is it possible to line them up identically?

Originally Posted by JodiCrandellPhotography ...header background is there and looks pretty good. It's not in the exact place as the smuggy pages but I don't know if it would even be possible to make Blogger & Smuggy line up identically. I'm very happy with this look. What do you think... is it possible to line them up identically?

Add this to your CSS to remove the blank line at the top of your blog:

 
#navbar-iframe,
#navbar { 
    display:none; 
}

--- Denise

Originally Posted by marcusrichphoto http://marcusrichphotography.blogspot.co.uk/ I'm trying and failing to manage to change the colours and boarders of some of the boxes, changing the HTML doesn't seem to affect the background colours. I've notice the HTML points to gif files for the box containers, does this mean they can't be changed?

I haven't played much with changing blogger's theme by changing the CSS. This will remove some of the lines:

.post-title, 
.post-body {
    border: none;
}

But honestly, if you don't like the look of the blogger theme you could change the theme. Keep in mind if you do that you will need to reapply your changes to match your smug site.

--- Denise