[HOWTO][AutoFocus] add sidebar to Home page

I went through all the AutoFocus Theme posts and read that some people are looking to add the sidebar to the main page. I wanted that too, and I didn’t find exactly what I wanted so I started playing around with the CSS myself and here’s what I came up with.

To add the sidebar to the main Home/Blog page, you can follow these steps:

1. edit home.php
2. add <?php get_sidebar() ?> under <?php get_header() ?> and before <div id="container">
3. edit sidebar.php
4. comment out the entire secondary sidebar div element
5. edit style.css
6. search for #wrapper section and change width to 1000px
7. scroll down to the end of where all the .home code it
8. add the following two lines of code:

div.hfeed #primary, div.hfeed #secondary {width:150px;clear:both;margin:0;padding:0;display:block;float:right;background:transparent}
.home #container {width:800px;float:left;}

I think that’s everything; I hope I didn’t miss any steps…
It’s still work in progress, but hopefully someone can help me improve on my method, or give suggestions.

One issue I’m working on is moving the << and >> arrows because the sidebar is in the way now. Anyone have suggestions? Also, is it just me or are those arrows reversed? It seems to me that << should be Newer and >> should be Older (thats how it is in gmail).

You can checkout the end result at hohoho.iblogger.org