С первого же знакомства меня поразили доступные шаблоны дизайнов, а самое пожалуй главное, что настраивать их стало намного легче. Хоть и пришлось повозиться с переносом своего дизайна, но результат мне нравится намного больше :).
Хочу в этом посте рассказать о самом инструменте и о некоторых тонкостях с которыми пришлось столкнутся.
Как войти в 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;
}
Пользуйтесь и наслаждайтесь!
6 коммент.: