Thursday, October 22, 2009

How to show Fusion Tables visualizations in Blogger

Blogger's default templates are too narrow to show the visualization gadgets embeddable from Fusion Tables.

To fix this, go into the "Layout" tab, and click "Edit HTML".

Download a copy of your current template just for back-up.

Now, scroll through the text in the editing box until you find this section, and replace it with the text below:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

#main-wrapper {
width: 750px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

No comments:

Post a Comment