Руководство по дизайнеру шаблонов в Blogger для новичков

четверг, 1 июля 2010 г.
Какое-то время назад команда Blogger анонсировала так называемый Дизайнер шаблонов. Поскольку из состояния «беты» вышел он относительно недавно, то есть повод подробнее о нем поговорить. Первая публикация в этом блоге была больше обзорного и вступительного характера, сегодня же - только практические моменты и функциональным возможности.

Итак, Дизайнер шаблонов - настоящая маленькая революция в мире blogspot. Благодаря ему постепенно уйдут в прошлое надоевшие всем стандартные шаблоны, а мы в свою очередь, уже получили куда больший контроль над макетом. Самое главное - теперь совсем не сложно сделать свой уникальный шаблон. Давайте пробежимся по основным функциям «дизайнера шаблонов» и пройдем весь процесс его настройки. Тем более что сделать это можно минут за 5! И если раньше wordpress шаблоны были для блоггеров более простыми в использовании за счет своей широкой популярности и разноплановости, то теперь Blogger сделал существенный шаг в этом направлении навстречу всем пользователям системы.

Шаблон

Все начинается с закладки «Шаблоны». Здесь вам предлагают на выбор 6 базовых дизайнов. На этом этапе не стоит обращать внимание на сюжет. Будущий дизайн может быть изменен до неузнаваемости. Цвет, фоновую картинку, шрифты — все это можно будет запросто поменять. Единственное на что стоит обращать внимание - общий стиль шаблона, форму элементов, нужны ли вам "блочные" элементы или требуется сплошной "холст" и т.д.

Каждая базовая тема содержит от 3-х до 6-и вариаций. Выбираем ту что нам нравится и идем дальше:

дизайнер шаблонов blogger

Фон

Закладка «Фон», уже дает нам широкие возможности для изменения «лица» нашего блога. Во-первых, вам сразу предлагают несколько готовых альтернативных цветовых схем фона. Во-вторых, если ничего из этого вас не устраивает, вы можете выбрать любой цвет фона какой вам захочется. В-третьих, вы можете выбрать фоновую картинку, которые представлены в ассортименте:

дизайнер шаблонов

Уже на стадии выбора фона можно получить практически уникальный дизайн. То ли еще будет, двигаемся дальше!

Дизайн

Первое что необходимо определить во вкладке «Дизайн» - «архитектуру шаблона». Сколько он будет иметь колонок, где и как они будут располагаться. К чести разработчиков скажу что такое макетирование - процесс простой и приятный (раньше требовалось долго возиться в коде чтобы сделать что-то подобное, теперь - один клик мышки):

дизайн блога blogspot

Второе — определяем дизайн нижнего колонтитула, или в по-другому, «подвала». Все так же просто, поэтому я даже не вижу смысла публиковать отдельный скриншот.

Ну и, наконец, «Измерение ширины». Вы можете варьировать «ползунками» как ширину всего блога, так и ширину боковой колонки:

дизайн блога blogger

Это очень важное свойство, особенно что, касается определения ширины боковой панели. Думаю, многие пользователи вспомнят эту фичу добрым словом когда будут размечать на блоге сексию под баннеры или рекламу другого вида.

Дополнительно

Под закладкой «Дополнительно» скрывается очень много всего, стили оформления:
  • текста страницы;
  • фона;
  • ссылок;
  • названия блога;
  • текста вкладок;
  • фона вкладок;
  • заголовков;
  • картинок;
  • колонтитула сообщений;
  • цветовые акценты.
дизайн блога blogspot

Можно добавить собственный фрагмент CSS.

После того как настроили все по своему вкусу нажмите «Применить к блогу» и посмотрите что у вас получилось. А получиться может очень многое! Если вы потратите хотя бы 10-15 минут времени и приложите немного фантазии, ваш шаблон обязательно получится единственным и неповторимым!

P.S. Постовой. Интересный и полезный блог "Психология отношений" grc-eka.ru для создания гармоничных и радостных отношений.
Блог Кирика — это неплохое собрание качественных статей, прочитайте все материалы этого блога, чтобы продвижение сайта не вызывало трудностей.
Сервис Temreg для оптимизаторов - регистрация в каталогах сайтов и статей, англоязычные и русские каталоги.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails