Why need the tool
This page is dedicated to develop a tool to generate HTML and CSS code of 3 column
layout for blogs in blogger.com. The online editor of blogger provides an option
to edit the page in HTML mode. Just paste the code here into the editor, you could
easily customerize the layout of your blog in blogger. In the HTNL mode of the editor,
you could not link to a CSS file. The CSS code is either put in the block of
<b:skin><![CDATA[ CSS code ]]></b:skin> or put in a external CSS file.
Now it's only in Beta stage for this tool. We will work to make the codes generated
here more compatible with the editor of blogger once uploaded.
Here is a demo (3 column) of a blog using codes generated by this tool.
- Visual change the width and safe colors,
- Cross browser compatibility
- Save the time of design the layout
- Easy to change the exsisting page
Easy to develop muti-view pages like msn or yahoo with the aid of some scripts
How to use
Just drag 2 sliders above to adjust the layout sizes of the page. The css code is
dynamically generated in textarea box.
- Slider1 - overall width of the layout
- Slider2 - adjust
the width of right column and left column.
- Slider3 - click gutter tab and you can also adhust the width of gutter<
The css code generated by this tool is shown to have compatibility with the following
browsers. You are welcome to send me the feedback if your browser have passed the
- IE 7.0, 6.0