Ура! Я смогла сделать это. Пообщавшись с девочками, поняла, что для многих актуальна эта проблема, расскажу вам как я это сделала. В принципе ничего сложного, главное быть внимательными и не спешить.
Весь процесс есть на английском языке ЗДЕСЬ, но для тех, кто не дружит с английским попытаюсь объяснить по-русски. Сразу скажу, что не знаю, подходит ли эта схема для всех блогов или нет, у меня был шаблон взят ОТСЮДА, поэтому сложностей не возникло.
1. Идем в панель инструментов - дизайн - изменить HTML
2. Сохраняем на всякий случай код с ранним шаблоном в блокнот
3.Теперь самое муторное- ищем среди всех этих буковок следующее #header-wrapper
Меняем размер 660 на 880
<#header-wrapper { width:880px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}>
margin:0 auto 10px;
border:1px solid $bordercolor;
}>
4. Движемся вниз и находим строчку
/* Outer-Wrapper
В ней меняем то, что выделено красным цветом
<#outer-wrapper { width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
margin-left: 20px;
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 */
}
И полностью добавляем
#left-sidebar-wrapper {
width: 220px;
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 */
}
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
margin-left: 20px;
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 */
}
И полностью добавляем
#left-sidebar-wrapper {
width: 220px;
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 */
}
5. Идем вниз и ищем код (under /* Footer), ничего с ним не делаем просто находим
6. Теперь копируем вот этот код
и вставляем его над кодом, который вы нашли в пункте 5(
)
7. Сохраняем шаблон. Теперь у вас появилась 3 колонка. Обращаю внимание, что пока вы не добавите в нее нужные вам гаджеты, она будет находится рядом с предыдущей узкой колонкой, при добавлении гаджетов колонки становятся по бокам.
Еще чем немного неудобно, что гаджеты из одной колонки не перетягиваются в другую, то есть если вы хотите например информацию о себе перетащить на новую колонку, то вам нужно будет сделать это вручную.
Надеюсь все понятно объяснила, если что пишите в личку.
Жень, там же сейчас новый редактор дизайна в настройках блога, и просто можно выбрать шаблон блога с тремя колонками... :)
ReplyDeletep.s. и все гаджеты будут перетягиваться
ReplyDeleteУ меня изначально стоял шаблон с двумя колонками, когда я попробовала переменить на шаблон с 3, то у меня все гаджеты слетели(может конечно я что не так сделала), в итоге этот способ оказался для меня подходящим
ReplyDeleteеее, Женечка, спасибо за наводку! лазила по этому блогу с шаблонами, а вот этот пост про три колонки, не видела! всё получилось :)))
ReplyDeleteps чтобы долго и нудно не перечитывать весь код, можно воспользоваться "поиском на странице" в браузере
С обновками;)))) Красота!
ReplyDeletehi this is Kate dt member for our vintage affair due to blogger can you relink your post with the entry as it is now gone
ReplyDeletethank you
Kate x