Showing posts with label html tutorial. Show all posts
Showing posts with label html tutorial. Show all posts

Tuesday, March 31, 2009

Changing the Width of Your Blog Page

I find that the blogspot template at 660px wide is too narrow for some of my needs. Yet the "stretch" version is too wide especially making reading the text difficult. So I customized it!

Here are a few easy steps if you want to change yours too! Don't worry, as long as you know which template you have been using, you can always go back to that template (under Layout > Pick a New Template tab) and everything will go back to the way it was!

Step 1
You need to be in your Layout > Edit html tab:



Step 2
Scroll down until you see the Header html code, it's currently at 660px:



Step 3
Change it to 800px:



Step 4
Scroll down to Outer Wrapper code:



Step 5
Change that to 800px as well:



Step 6
Change Main Wrapper to 550px (this is the column width of you main post entry):



Step 7

Finally, don't forget to click "Save Template"



If you have modified your font and colors, you will have to do that again. Sorry!

------------------------------------------------------

The following is for my fellow Fire Divas! Go to the Posting > Create (or Edit Posts if you have already posted) > Edit Html tab




Copy and paste the html code and you will have our Etsy Mini up in gallery mode!