Saturday, October 16, 2010

Changing the width of my blogger page

I changed the width of my blogger page.

1. Go to Design mode.
2. Click the Edit HTML tab.
3. Search for "template-skin".
4. Find the following section.
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='1000px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='360px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='0px'/>
5. Change the content.width to '1150px' and left.width to '200px'.
These changes minimize the width of left column and maximize content width without invoking a horizontal scrollbar in my 19 inch monitor.
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='1150px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='200px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='0px'/>

No comments:

Post a Comment