How to make blogger blog fit to any screen

We think how can we make our blog fit to all screen. It's also very necessary to make your blog popular & eye catching. Now the question is how to make our blog adjusted to any screen. Is it really possible. The answer is yes! Now see how to make your blog adjustable to any screen in blogger.
First go to blogger, then Template, then Edit HTML

We need to change the following portion in HTML code.

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}

The above code is the style for the content of our blog.

we need to change the $(content.width) variable which is set with these code previously:

<b:variable default='930px' name='content.width' type='length' value='1000px'/>

But if we try to change it directly from here it will come up with an error message. So we will change these code in different related way.

[Important Note: Before making any change please make a complete backup of your HTML code so that you can restore it if you wish]

We will chang the code as shown below:  

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1000px; /*$(content.width)*/
max-width: 1280px; /*$(content.width)*/
_width: 100%; /*$(content.width)*/
}




Here minimum width is 1000px, while as maximum width 1280px. This will prevent the content to be overstretched. Then I set the width to 100%.
Please share our content if you think it useful.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email