Herself’s Webtools

Webtools for Webmasters: Scripts, HowTos, Templates, Plugins, Widgets, Tips and Useful Information

Herself’s Webtools header image 1

Hack the Blogger Denim Template Up to Size

September 7th, 2007 · No Comments

Let’s face it 800×600 is more than a little cramped and less than 10% of the population is using 800×600 screens. A bit more real estate on Blogger would be nice. Denim, Stretch Denim, Washed Denim and Stretch Denim Light are nicely hackable templates. It is very easy to change the colors, up load a header picture and no one will recognize it before long.

First back up your template!
Go to your dashboard
->layout
->Template
->Edit HTML
and select Download Full Template.

Now pick your favorite Denim Template
Template
->Pick New Template
Pick any one of the Denim series and hit ‘Save Template’

Go Back to ‘Edit HTML’
There are only 4 lines we will edit on this template:

OLD

#header{
width: 760px;

#content-wrapper{
width: 760px;

#main-wrapper{
width: 464px;

#sidebar-wrapper{
width: 240px;

NEW

#header{
width: 950px;

#content-wrapper{
width: 950px;

#main-wrapper{
width: 580px;

#sidebar-wrapper{
width: 300px;

Then click ‘Save Template’.

View it and see how you like the new look.

You can play around with the main-wrapper width and the sidebar-wrapper width but keep the total of the two 880px.

Tags: blogger template · hack your template

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.