Меняем ширину макета

Для блога "Полотняная полянка" решено увеличить ширину макета. Сейчас она составляет 800px, пусть будет 900px. Дополнительные 100px добавим для правого сайдбара.

Заходим "Панель инструментов" - "Макет" - "Изменить Html"

Прежде чем что либо изменять, выполняем резервное копирование
Сохранить шаблонСтавим галочку "Расширить шаблоны виджета".

В коде находим 800px и меняем их на 900px.
Для быстрого поиска нужного кода удобно пользоваться возможностью браузера, например Mozilla Firefox. В верхней строке находим "правка" - "найти". В нижнем меню появляется окно "найти", вводим в него текст, который ищем. Искомый текст выделяется цветом. Чтобы найти все - нажимаем "Подсветить все". Подобное есть и в "Опере".
И так, находим все, и меняем все 800 на 900.

Увеличиваем ширину правого сайдбара. Находим sidebar с выравниванием по правой стороне (right). Его ширина составляет 110px. Меняем значения 110 на 210.

Нажимаем кнопку "Просмотр" и смотрим, что получилось.
Смотрим, что получилосьОбщая ширина блога увеличилась, увеличилась и правая колонка, но фоновый рисунок остался прежней ширины, поэтому маленькие клеточки расположены не симметрично и описание блога вылезло за границы рамки.
Значит нужно менять ширину рисунков фона, а их в данном макете три:
верхний
Верхняя картинка
средний
Средняя картинка
нижний
Нижняя картинкаВ макете искать нужно background
Меняем ширину рисунков с помощью графического редактора, закачиваем рисунки на Photobucket.com.

Заменяем ссылки на старые рисунки ссылками на новые рисунки.
Нажимаем "Просмотр".
Вот что получилосьВ целом все получилось, но чуть - чуть не совпадают границы рамок на стыках верхнего, нижнего и среднего background'а.
Правим рисунки и заменяем их еще раз.

Если все устраивает жмем "Сохранить шаблон"

Design by Blogger Templates