• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization HOW TO match your blog to your smug site (blogger-specific)

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Page 87  of  94
Old May-04-2012, 04:15 AM
#1721
marcusrichphoto is offline marcusrichphoto
Major grins
marcusrichphoto's Avatar
Quote:
Originally Posted by marcusrichphoto View Post
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?
__________________
Marcus.

He's not the Messiah. He's a very naughty boy!

My website: http://www.marcusrichphotography.com
Old May-04-2012, 04:20 AM
#1722
marcusrichphoto is offline marcusrichphoto
Major grins
marcusrichphoto's Avatar
Quote:
Originally Posted by denisegoldberg View Post
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>
__________________
Marcus.

He's not the Messiah. He's a very naughty boy!

My website: http://www.marcusrichphotography.com
Old May-04-2012, 05:07 AM
#1723
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by marcusrichphoto View Post
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
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-04-2012, 05:23 AM
#1724
marcusrichphoto is offline marcusrichphoto
Major grins
marcusrichphoto's Avatar
Quote:
Originally Posted by denisegoldberg View Post
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 :)
__________________
Marcus.

He's not the Messiah. He's a very naughty boy!

My website: http://www.marcusrichphotography.com
Old May-05-2012, 04:18 AM
#1725
marcusrichphoto is offline marcusrichphoto
Major grins
marcusrichphoto's Avatar
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
__________________
Marcus.

He's not the Messiah. He's a very naughty boy!

My website: http://www.marcusrichphotography.com
Old May-05-2012, 08:09 AM
#1726
marcusrichphoto is offline marcusrichphoto
Major grins
marcusrichphoto's Avatar
Quote:
Originally Posted by marcusrichphoto View Post
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.
__________________
Marcus.

He's not the Messiah. He's a very naughty boy!

My website: http://www.marcusrichphotography.com
Old May-05-2012, 04:14 PM
#1727
JodiCrandellPhotography is offline JodiCrandellPhotography
MarkCPhoto
JodiCrandellPhotography's Avatar
Quote:
Originally Posted by denisegoldberg View Post
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?
Old May-06-2012, 10:48 AM
#1728
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by JodiCrandellPhotography View Post
...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:
Code:
 
#navbar-iframe,
#navbar { 
    display:none; 
}
--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-06-2012, 10:53 AM
#1729
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by marcusrichphoto View Post
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:
Code:
.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
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-06-2012, 08:18 PM
#1730
byoshi is offline byoshi
Major grins
Wow, this post is huge!

I searched around through the tips, and through some of the comments but looking at my smugmug code I am unsure what code I am suppose to be pasting to my blogger site for my navbar / header. I use the easybar nav from smugmug. The only thing I saw remotely close was:

#customLogo { background-color: transparent; background-image: url(http://byoshi.smugmug.com/photos/i-5...Pr3MLS-S.png); background-repeat: no-repeat; background-position: top left; cursor: pointer; }#customLogo, #customLogo a, #customLogo a:active, #customLogo a:hover, #customLogo a:visited { text-align: left !important; font-family: arial !important; font-size: 14px !important; color: #ffffff !important; text-decoration: none !important; }#customHeaderContainer { padding-top: 10px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }#customNavContainer { text-align: right; }#customNav { font-family: Trebuchet MS !important; font-size: 14px; color: #FFFFFF !important; list-style-type: none; padding: 0; margin: 0; }#customNav li{ display: inline; }#customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: Trebuchet MS !important; font-size: 14px; color: #FFFFFF !important; text-decoration: none !important; }#customNav li a:hover { font-family: Trebuchet MS !important; font-size: 14px; color: #F30707 !important; text-decoration: none !important; }#userName, #userHome { display: none; }#homepage #breadcrumb { background-color: transparent !important; border: none; margin-bottom: 5px; }

Not sure if that is right or wrong. If it is right, is that the CSS or the HTML part? I think I have the look of my blogger how I want it, besides the navbar as on my smugmug site.

Site: http://www.bay-photography.com/
Blog: http://bayphotos.blogspot.com/

Appreciate any guidance.

Thanks!
__________________
Landscape and Nature photography
site - http://www.bay-photography.com/
blog - http://bayphotos.blogspot.com/
Old May-07-2012, 02:19 AM
#1731
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by byoshi View Post
Wow, this post is huge!

I searched around through the tips, and through some of the comments but looking at my smugmug code I am unsure what code I am suppose to be pasting to my blogger site for my navbar / header. I use the easybar nav from smugmug. The only thing I saw remotely close was...
The information you need is in the first post of this thread, or is linked to from the first post.

The code that you pasted above is CSS. You only need the banner and navbar components, but you need both the CSS and the HTML.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-07-2012, 05:54 AM
#1732
JodiCrandellPhotography is offline JodiCrandellPhotography
MarkCPhoto
JodiCrandellPhotography's Avatar
Quote:
Originally Posted by denisegoldberg View Post
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
Quote:
Originally Posted by denisegoldberg View Post
Add this to your CSS to remove the blank line at the top of your blog:
Code:
 
#navbar-iframe,
#navbar { 
    display:none; 
}
--- Denise
Perfect... thank you!
Old May-07-2012, 01:39 PM
#1733
byoshi is offline byoshi
Major grins
Hi Denise,

Quote:
The code that you pasted above is CSS. You only need the banner and navbar components, but you need both the CSS and the HTML.
I think I pulled the relevant CSS and HTML.

I pasted the following CSS under my #navbar-iframe:

#customHeaderContainer { padding-top: 10px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
#customNavContainer { text-align: right; }
#customNav { font-family: Trebuchet MS !important; font-size: 14px; color: #FFFFFF !important; list-style-type: none; padding: 0; margin: 0; }
#customNav li{ display: inline; }
#customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: Trebuchet MS !important; font-size: 14px; color: #FFFFFF !important; text-decoration: none !important; }
#customNav li a:hover { font-family: Trebuchet MS !important; font-size: 14px; color: #F30707 !important; text-decoration: none !important; }


and the following HTML above the <div class='main-outer'>:

<div id="customHeaderContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div id="customLogo" onclick="document.location.href='http://www.bay-photography.com/';"><a href="http://www.bay-photography.com/"><img src="http://byoshi.smugmug.com/photos/i-5Pr3MLS/0/S/i-5Pr3MLS-S.png" style="visibility: hidden;" border="0"></a></div></td><td><div id="customNavContainer"><ul id="customNav"><li><a href="http://bay-photography.com">Home</a></li><li>&nbsp;|&nbsp;</li><li><a href="http://bay-photography.com/galleries">Nature and Landscape Photo Galleries</a></li><li>&nbsp;|&nbsp;</li><li><a href="http://bay-photography.com/Other/My-Smug-Mug/18363379_gRnJ69">About</a></li><li>&nbsp;|&nbsp;</li><li><a href="http://bayphotos.blogspot.com/">Blog</a></li><li>&nbsp;|&nbsp;</li><li><a href="/customcontact">Contact me</a></li></ul></div></td></tr></tbody></table></div><div></div>


I am getting the following error:

Error parsing XML, line 759, column 365: The element type "img" must be terminated by the matching end-tag

I am assuming this is a problem with my HTML? I don't know how to read this, so excuse my ignorance.

Thanks!
__________________
Landscape and Nature photography
site - http://www.bay-photography.com/
blog - http://bayphotos.blogspot.com/
Old May-07-2012, 01:44 PM
#1734
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by byoshi View Post
<img src="http://byoshi.smugmug.com/photos/i-5Pr3MLS/0/S/i-5Pr3MLS-S.png" style="visibility: hidden;" border="0">
I am getting the following error:

Error parsing XML, line 759, column 365: The element type "img" must be terminated by the matching end-tag

I am assuming this is a problem with my HTML? I don't know how to read this, so excuse my ignorance.
Yes, it's a problem with the <img src= statement in your HTML. It isn't properly ended. Blogger requires that all tags have a proper end; unfortunately smug lets some errors through.

Change the code above so it looks like this:
<img src="http://byoshi.smugmug.com/photos/i-5Pr3MLS/0/S/i-5Pr3MLS-S.png" style="visibility: hidden;" border="0"/>
It needs the slash before the end of the code.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-07-2012, 01:50 PM
#1735
byoshi is offline byoshi
Major grins
Thanks that removed the error, however another one poped up:

Error parsing XML, line 759, column 495: The entity "nbsp" was referenced, but not declared. Is this because of the custom contact aref?

Not sure how many errors there are, as it does not list them all.

Again, thanks for your assistance.
__________________
Landscape and Nature photography
site - http://www.bay-photography.com/
blog - http://bayphotos.blogspot.com/
Old May-07-2012, 03:05 PM
#1736
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by byoshi View Post
Thanks that removed the error, however another one poped up:

Error parsing XML, line 759, column 495: The entity "nbsp" was referenced, but not declared. Is this because of the custom contact aref?
It's not because of the custom contact reference, but you can't use that contact outside of smug.

It doesn't like the &nbsp references in your navbar. The sections look like this:
Code:
<li>&nbsp;|&nbsp;</li>
Try replacing them with spaces instead, not sure if that will create the same spacing but it's worth a try.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-07-2012, 07:03 PM
#1737
byoshi is offline byoshi
Major grins
Thanks Denise that fixed it. I played around with the spacing to make it match my smug nav. I will either remove the contact link from the blog or link it to a different contact form.

One other question (hopefully). I used the "display: none;" to hide the blogger header and description, but the custom navbar is still showing like it is inside of the blog box rather than a true header above everything. Is this because of where I placed the CSS? It does not match exactly as is right now, but its getting there.

Thanks!
__________________
Landscape and Nature photography
site - http://www.bay-photography.com/
blog - http://bayphotos.blogspot.com/
Old May-08-2012, 02:04 AM
#1738
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by byoshi View Post
Thanks Denise that fixed it. I played around with the spacing to make it match my smug nav. I will either remove the contact link from the blog or link it to a different contact form.

One other question (hopefully). I used the "display: none;" to hide the blogger header and description, but the custom navbar is still showing like it is inside of the blog box rather than a true header above everything. Is this because of where I placed the CSS? It does not match exactly as is right now, but its getting there.
It's showing inside of a blog box because that's where you placed it. Your HTML needs to be above all of the blogger HTML. Try putting it above the navbar HTML section (from blog).

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old May-08-2012, 07:50 AM
#1739
byoshi is offline byoshi
Major grins
Quote:
It's showing inside of a blog box because that's where you placed it. Your HTML needs to be above all of the blogger HTML. Try putting it above the navbar HTML section (from blog).
Thank you! Appreciate all your help.
__________________
Landscape and Nature photography
site - http://www.bay-photography.com/
blog - http://bayphotos.blogspot.com/
Old May-08-2012, 08:07 AM
#1740
denisegoldberg is offline denisegoldberg OP
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by byoshi View Post
Thank you! Appreciate all your help.
You're very welcome. And your blog is looking good!

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Page 87  of  94
Tell The World!  

Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump