UPDATED AGAIN: Removing Sidebars Without Editing the Template in Blogger

I realized that editing the Design Template is really scary for most people (myself included). I know the first time I did it I messed it up and had to rebuild everything (now I always back up my templates befoe messing with HTML coding). So after much thinking I realized I had the code the whole time to hide the Side Bars without editing the whole template. I am using the Watermark Design Template in Blogger I went back to Greene Teapot.

I took her code to remove the right column:

<style type="text/css"> 
 .main-inner .columns {padding-right: 0;}
 .main-inner .fauxcolumn-center-outer {right: 0; 
 _width: expression(this.parentNode.offsetWidth - 
 parseInt("$(main.column.left.width)") + 'px');}
 .main-inner .fauxcolumn-right-outer {width: 0px;} 
 .main-inner .column-right-outer {width: 0px; margin-right: 0;
 display: none;}
</style>

and edited it to remove the left column:

To remove both columns:

To remove the columns without Editing the HTML Template:
Log into Blogger –> Dashboard –> Posting –> Edit Pages –> Edit HTML –> Paste the appropriate code to hide the column or columns you want –> Compose –> Type whatever you want –> Publish Page

I hope this helps I know I was ecstatic when I had this epiphany this morning.

UPDATED 5/23/11:
THIS CODE DOES WORK AND IT WORKS WELL BUT I DID NEED TO RE-ADD IT TO ALL MY PAGES AFTER BLOGGERS OUTAGE A COUPLE WEEKS AGO.