How To Make Designer Templates Stretch (Blogger)!!!

A lot of users have been asking Blogger when they would come out with new stretch templates. Well in this post I will tell you how you can turn your new template into a stretch template.

This may or may not work if you have changed your template coding through the Edit HTML page.

1. Go to Design-->Template Designer--> Advanced-->Add CSS

2. Depending on which template you have you can use the following code below.


Simple, Picture Window and, Travel Templates:

body {
  padding-left: 10px;
  padding-right: 10px;
}
html body .content-outer {
  max-width: 100%;
}

Awesome inc, and Watermark Templates:

html body .region-inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

Sorry but the Ethereal template does not work with this tweak.

3. After you paste the code into the Add CSS box, hit the space bar with the cursor still in the box for it to take effect.

If you do not see your template stretch after hitting the space bar then likely you have a corrupted template.