Три колонки в блоге?! Как это?!

Так вы хотите превратить ваш блог в трехколончатый? Давайте разберемся, как это!

Небольшое отступление. Перед редоктирование, убедитесь, что вы создали резервную копию текущего шаблона или создали новый тестовый блог.

Вот такие колонки хотелось иметь в своем блоге! Хм... шучу, конечно!

Я проверила это на себе, и О! ДА! все работает!А самое интересное в этом то, что теперь у меня есть 3 колонки для организации всевозможной информации в блоге!
Кроме того, используя этот новый способ, вы не потеряете ни ваши ссылки, виджеты или гаджеты, которые были встроены в ваш блог.
Начнем!
1) Идем в Настройки -> Дизайн -> Изменить HTML
Ищем вот такой код:
#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } 
Копируем то, что нашли и вставляем чуть ниже. Теперь в том, что вставили исправляем
красное на зеленое:
#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } 
2) Прокручиваем чуть выше и находим вот такой код:
#main-wrapper {
width: 410px;
margin-left: 25px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Добавляем то, что выделенно красным. 
3) Теперь необходимо поменять несколько цифр в кодах, они выделенны желтым:
#outer-wrapper {
  width: 880px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }
#main-wrapper {
  width: 425px;
margin-left: 25px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  }
#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
4) Теперь ищем этот код: 
<div id='main-wrapper'>
И прямо над ним вставляем этот:
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div> 

5) Ну и наконец, вы можете поменять размер заголовка, делаем так:
Прокручиваем выше, находим следующий код и меняем несколько цифр:
#header-wrapper {
  width:860px;
  margin:0 auto 10px;
  border:0px solid $bordercolor;
  }
#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
#header {
  margin: 5px;
  border: 0px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
6) Нажмаем кнопку Сохранить шаблон. Теперь щелкаем на вкладке "Дизайн". Перетаскиваем некоторые из гаджитовна правой боковой панели в левую сторону. Нажмаем кнопку Сохранить и просмотреть шаблон. Вуаля! Теперь у нас должно быть три колонки!

Переведенно отсюда http://docs.google.com/Doc?id=dhdts6cg_67k6bmndt