Wednesday, May 11, 2011

Как добавить 3 колонку в блог. МК

Ура! Я смогла сделать это. Пообщавшись с девочками, поняла, что для многих актуальна эта проблема, расскажу вам как я это сделала. В принципе ничего сложного, главное быть внимательными и не спешить.
Весь процесс есть на английском языке ЗДЕСЬ, но для тех, кто не дружит с английским попытаюсь объяснить по-русски. Сразу скажу, что не знаю, подходит ли эта схема для всех блогов или нет, у меня был шаблон взят ОТСЮДА, поэтому сложностей не возникло.
1. Идем в панель инструментов - дизайн - изменить HTML 
2. Сохраняем  на всякий случай код с ранним шаблоном в блокнот
3.Теперь самое муторное- ищем среди всех этих буковок следующее #header-wrapper
Меняем размер 660 на 880
<#header-wrapper { width:880px;
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 */
}

5. Идем вниз и ищем код (under /* Footer), ничего с ним не делаем просто находим

6. Теперь копируем вот этот код
и вставляем его над кодом, который вы нашли в пункте 5(
)
7. Сохраняем шаблон. Теперь у вас появилась 3 колонка. Обращаю внимание, что пока вы не добавите в нее нужные вам гаджеты, она будет находится рядом с предыдущей узкой колонкой, при добавлении гаджетов колонки становятся по бокам.
Еще чем немного неудобно, что гаджеты из одной колонки не перетягиваются в другую, то есть если вы хотите например информацию о себе перетащить на новую колонку, то вам нужно будет сделать это вручную.
Надеюсь все понятно объяснила, если что пишите в личку.




6 comments:

  1. Жень, там же сейчас новый редактор дизайна в настройках блога, и просто можно выбрать шаблон блога с тремя колонками... :)

    ReplyDelete
  2. p.s. и все гаджеты будут перетягиваться

    ReplyDelete
  3. У меня изначально стоял шаблон с двумя колонками, когда я попробовала переменить на шаблон с 3, то у меня все гаджеты слетели(может конечно я что не так сделала), в итоге этот способ оказался для меня подходящим

    ReplyDelete
  4. еее, Женечка, спасибо за наводку! лазила по этому блогу с шаблонами, а вот этот пост про три колонки, не видела! всё получилось :)))

    ps чтобы долго и нудно не перечитывать весь код, можно воспользоваться "поиском на странице" в браузере

    ReplyDelete
  5. С обновками;)))) Красота!

    ReplyDelete
  6. hi 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

    thank you
    Kate x

    ReplyDelete

Thanks for stopping by-)))))