Tuesday, October 23, 2007

Widening the Blog

Yea, I was getting kinda sick of the blog being so friggen squished! So I made some small HTML changes and boom! Nice and easier on the eyes. So, for all of those who are interested:

Go to the Template Tab, and choose Edit HTML. Now, search on the bold items, and change the width value directly underneath it.
  • #outer-wrapper { - 1000
    • Changes the top and bottom header bars
  • #main-wrap1 { - 700
    • Changes the white of writing area
  • #sidebar-wrap { - 280
    • Changes the width of the side bar
  • .main .Blog { - 700
    • Changes the width of actual blog posts
Now for the tedious part. Look for every single link in there. It contains the picture for the nice curved edges. You'll need to change every single on of them. Just copy the URL, go to a new web browser page/tab, paste in the URL, and then save the image that appears. Make the edit to every image (change the width) and then upload them to something like imageshack. Copy the URL they give you and paste it over the URL in the template!
  • corners_side_
    • The side bar corners.
  • corners_cap_
    • The header and footer corners.
  • corners_main_
    • The main post area corners.
  • rails_main.gif
    • The bars that run down the sides of the main post area.
Now your done! Don't forget to save often, or you might loose all your hard work. Please note that this is based on my template (OC), so your might be slightly different. Experiment!

1 comment:

Anonymous said...

Thanks! Used this guide for like, months ago, just never returned here :) Check it out!