Изменяем дизайн блога Blogger(blogspot.com)

Талант дизайнера явно не в первой десятке моих сильных сторон. И вот, узнав о новом инструменте "Blogger Template Designer", который был анонсирован на сайте Blogger in Draft, решил его опробовать.

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

Хочу в этом посте рассказать о самом инструменте и о некоторых тонкостях с которыми пришлось столкнутся.

Как войти в Blogger Template Designer?

Новый инструмент изменения дизайна "Blogger Template Designer" доступен в версии "Blogger in Draft" о которой я писал ранее в статье "Новые возможности Blogger (Blogger in Draft)".

Для доступа к шаблону сперва необходимо зайти в "Панель инструментов Blogger in Draft" и перейти в меню "Дизайн" необходимого блога.

При клике на меню "Дизайнер шаблонов" попадем в новый инструмент настройки дизайна.

Возможности инструмента по изменению дизайна

Используя новый инструмент, вы сможете получить доступ к следующим сладостям:

- 15 новых шаблонов дизайна (на мой взгляд очень прикольных, по крайней мере на порядок лучше чем старые!).

- масса высококачественных фоновых картинок и 12 наборов цветовой схемы блога.

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

- в секции "Дополнительно" вы сможете нужным образом настроить некоторые из блоков вашего блога. Разбивка по блокам немного изменилась, и не всегда с первого раза находишь необходимое свойство, но что действительно радует, так это новая секция "Добавить CSS". FireBug + данная секция позволят с меньшими усилиями преобразить дизайн вашего блога.

Дополнительные особенности о которых необходимо знать

Данный инструмент и шаблоны имеют ряд небольших особенностей:

- Template Designer точно не поддерживает Internet Explorer 6. Так посетителей использующих IE 6 на моем блоге всего 2%, то думаю пора ребята проапгрейдить ваш браузер.

- Закругление и Тени могут не отображаться в старых версиях браузеров. Пользователям использующим Opera придется подождать версии 10.5. А кто использует IE7 и IE8 эффекта в дизайнере не получат, но большинство из них будут отображаться на самом блоге.

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

- Перед применением шаблона сохраните старый. Для этого воспользуйтесь функцией "Дизайн"->"Изменить HTML"->"Загрузить весь шаблон".

- В Opera есть небольшой глюк с фоновым изображением при прокрутки блога вниз. Для исправления добавьте следующий стиль в секцию "Добавить CSS".

.body-fauxcolumn-outer {
  height: 100%;
}

- Если вы хотите изменить фоновое изображение на свое добавьте следующий стиль.

.body-fauxcolumn-outer {
  background: url(<Путь к вашему фоновому изображению>) no-repeat fixed center bottom;
}

Пользуйтесь и наслаждайтесь!