Saturday, March 6, 2010

Display problems when combining AdSense with Blogger.

I was on the AdSense boards and someone was having problems with the AdSense ads breaking her design. She wanted to have text, followed by the ads followed by text. This following long post is to help her with her site design. In a nutshell blogger's CMS can be problematic when adding photos or graphics; especially for HTML newbies who don't want to look at the code.

So to this budding blogger and others following in her footsteps here's the simplest way to accomplish what you're looking to do. Place:

<div style="clear: both;"> THE TEXT GOES HERE </div> around your text.




test text test text test text test text test text test text test text test text test text test text test text test text test text test text



test text test text test text test text test text test text test text test text test text test text test text test text test text test text


test text test text test text test text test text test text test text test text test text test text test text test text test text test text



Now let's try it with the AdSense Ads that the person was having trouble with instead of plain graphics. Here's what it looks like without the divs:



test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text test text

Here are some of the pages we have done in our notebooks over the last few months. We are plugging away at these parts of speech, learning a new one every few weeks. Our Latin curriculum is also introducing the parts of speech, so we are being introduced to them in that way also.




 Another Language Arts resource that we will be using very soon is called Primary Language Lessons by Emma Serl. I have a few friends who have used this and are loving it. It is a gentle way to do Language Arts with your child, and seems to go along nicely with curriculums like Five in a Row, which we also love. :) I have ordered this book and am excited to start using it with the girls!


We still have problems. Why? For two reasons. One because there is a line break between the <iframe> tags; and second because some tweaking needs to be done in the iframe tag. To get the two iframes to line up next to each other both must be align="center" or align="left" depending upon what you want. Don't depend too much on doing this when you upon load the image. You still need the ability to do basic tweaking on your site. Even for one as user friendly as Blogger.

Blogger's content managment software is not perfect. If you wnat to move the imported graphics around you will need to know how to tweak your site.

1 comment: