Help - Search - Members - Calendar
Full Version: Header/Navbar from SM to Blogger
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
guyd78
Only thing left un-done on both sites for me. Been a real mess. Read all through other threads, but still I can't seem to get the thing to work right after many hours.

I believe my CSS from one to the other has been copied over correctly. At least when I view the blogger template it doesn't error out on me - until I paste HTML. Then I can't save it and I get errors. The problem, I think, is that either my HTML is messed up or I am pasting it into Blogger incorrectly. I've tried to do it in pieces, but I get errors regardless of which part I paste in. I have been trying to paste it in-between <body> and <div id='outer-wrapper'><div id='wrap2'> as well as a few other areas.

SmugMug site:
http://darrenandjessica.smugmug.com

Blogger site:
http://darrenandjessicaguy.blogspot.com/

SmugMug HTML:
<div id="customHeaderContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><div id="customLogo"><img src="http://darrenandjessica.smugmug.com/...92_oXQtX-O.jpg" style="visibility: hidden;" border="0"></div></td><td><div id="customNavContainer"><ul id="customNav"><li><a href="<A href="http://darrenandjessica.smugmug.com">Home</a></li><li>&nbsp;•&nbsp;</li><li><a">http://darrenandjessica.smugmug.com">Home</a></li><li>&nbsp;•&nbsp;</li><li><a href="<A href="http://darrenandjessica.smugmug.com/galleries">Galleries</a></li><li>&nbsp;•&nbsp;</li><li><a">http://darrenandjessica.smugmug.com/galleries">Galleries</a></li><li>&nbsp;•&nbsp;</li><li><a href="<A href="http://darrenandjessica.smugmug.com/Other/Guestbook/9863502_SJJhH">Guestbook</a></li><li>&nbsp;•&nbsp;</li><li><a">http://darrenandjessica.smugmug.com/Other/Guestbook/9863502_SJJhH">Guestbook</a></li><li>&nbsp;•&nbsp;</li><li><a href="<A href="http://darrenandjessicaguy.blogspot.com/">Blog</a></li></ul></div></td></tr></tbody></table></div><div></div">http://darrenandjessicaguy.blogspot.com/">Blog</a></li></ul></div></td></tr></tbody></table></div><div></div>

Blogger HTML (the beginning section):
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Our Life -- words by Darren and Jessica (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>


How can I get the SmugMug header/navbar copied to Blogger? Help is much appreciated.
guyd78
Figured it out. Thanks anyways.
pandy
You are welcome. biggrin.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.