Friday, January 7, 2011

Sidebars Float to Bottom, Weird Italics in Posts and Sidebars -- Watch Your HTML Tags

Don't think you can just tell blogger to stop showing you those warnings about unclosed tags. Eventually leaving an open tag will cause serious problems with your blog's appearance.

For instance, if you are having a problem with your blogs sidebar floating to the bottom of your blog, undoubtedly you are missing a close div tag  </div> . You will have to go back and find the post with the missing tag and fix it in order to get your blog working correctly.

Another issue an unclosed tag can cause is italic styles showing up in sidebars and posts. Here it is likely an unclosed "em" tag or other font tag, like a <b> is causing the problem.  You will have to find the missing tag in the post on the page where the italics are occurring and add a close tag.  If you look at past blog pages, you will find that your fonts appear correctly.  Once you close the tag it will be fixed on the page that had the problem.

Wednesday, January 5, 2011

Extra Large Pictures in a Three-Column Format on Blogger

If you want a three-column format on Blogger, you may have found it difficult to have extra large pictures as part of your blog post. They don't center properly and overlap onto the right side column. At least, that is what I found. If you then go to the large size picture selection, you may have to compromise the look of your pictures.

What I have found you can do instead -- it's a little more work so you really have to want those awesome large photos -- you can modify the width of the photos directly in the HTML code. After you have inserted your photo with extra-large width in your blog post, go to Edit HTML and change the width setting of your source photo -- I have found that as long as your side columns are narrow, you can change to 600 width. My photos center perfectly and look great. You can play with the width size to see what works for your blog.