суббота, 13 марта 2010 г.

Изменяем дизайн блога 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;
}


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

6 комментариев:

  1. Я сегодня поигрался с дизайнером шаблонов и случайно запорол свой. У меня было дофига изменений в него внесено. :( Потом полчаса, матерясь, приводил всё к прежнему состоянию.

    Шаблоны действительно аккуратнее. Жалко резиновых нет.

    ОтветитьУдалить
  2. Да, в принципе это нормально :), тоже сразу накосячил хорошо. Но для экспериментов я создал закрытый блог и там уже смотрел, что получается.

    А вообще я уже перед любыми изменениями делаю сохранения старого шаблона.

    ОтветитьУдалить
  3. а у меня почему-то нет такой функции :(
    на сайте www.aferist.org.ua использую скачанный шаблон + просто вручную доработанный под себя

    ОтветитьУдалить
  4. Такая функция есть только если входить через сайт http://draft.blogger.com. Для вводной можешь прочитать мою предыдущую статью Новые возможности Blogger (Blogger in Draft)

    ОтветитьУдалить
  5. Здесь не совсем удобно. Но может просто нужно привыкнуть)

    ОтветитьУдалить
  6. Malka, а что именно не удобно?
    Кстати, Blogger Template Designer уже доступен и при входе через www.blogger.com

    ОтветитьУдалить