четверг, 10 января 2013 г.

Как настроить шаблон Blogger


Привет друзья мои!

Как и обещала, сегодня рассказываю подробно о том, как настроить шаблон Blogger. Удивительные 8 стандартных шаблонов могут превратиться в тысячи уникальных и неповторимых дизайнерских шедевров. Требуется всего лишь несколько щелчков компьютерной мышкой плюс фантазия, оптимизм  и доля хорошего авантюризма, чтобы получить такой шаблон, от которого Ваши посетители будут в восторге! (Прошу на мой шаблон не ориентироваться.  Это шпаргалка, а шпаргалка должна быть неприметной, серой и безликой.  Примеры хорошо оформленных блогов можно посмотреть в Blogger.)

Итак, продолжим! Заходим в нашу административную панель Blogger, жмем Мои блоги -> Название блога -> Шаблон -> Кнопка Настроить (оранжевая под картинкой вашего блога). Попадаем в Дизайнер шаблонов Blogger!

Рис.1 Дизайнер шаблонов Blogger

Изменить шаблон в Блоггер

Вкладка Шаблоны. Здесь мы видим 8 стандартных Bloggerовских шаблонов, каждый из которых представлен в различных вариантах. Выберем понравившийся нам шаблон по общему стилю.

Рис.2 Изменить фон в блоге на Blogger

Изменить фон в Блоггер

Вкладка Фон. На самом деле можно поменять не только фон, но и всю цветовую гамму блога. Примеры цветовых решений, подходящих к вашему блогу будут предложены Дизайнером шаблонов Bloggerа, - выбирайте любой, какой приглянулся или подберите цвета на свой вкус.

Рис.3 Изменить  ширину колонок в блоге на Blogger

Изменить ширину блога на Блоггер

Вкладка Регулировка ширины. Это все просто. Передвигаем бегунок в шкале до нужного нам значения. Запоминаем ширину всего блога или даже записываем это значение! Пригодится для вставки своей картинки в шапку. Подробно об этом написано в конце статьи.

Рис.4 Изменить количество колонок в шаблоне Blogger

Изменить количество колонок в шаблоне Блоггер

Вкладка Дизайн. Это самая важная деталь для юзабилити (удобство перемещения по блогу)! Продумайте, сколько и какой информации вы планируете размещать у вас в блоге, от этого зависит количество колонок и их расположение.  В шаблонах Blogger можно выбрать от 1-й до 4-х колонок, одна из которых будет содержать ваши записи, а боковые предназначены для вставки гаджетов (виджетов), то есть вывода популярных и важных статей, рубрик, меток, опросов, рекламы, баннеров, нужных ссылок, приглашений, всяких развлекушек , завлекушек и прочего, поэтому постарайтесь выбрать оптимальное количество, чтобы вашим читателям было удобно и комфортно.  После подбора количества колонок можно отрегулировать их ширину так, как вам надо (для этого переходим обратно на вкладку Регулировка ширины).

Рис.5 Вкладка Дополнительно

Изменить цвета и шрифты в Блоггер
 Изменить цвета и шрифты в Блоггер 2

Это самая интересная вкладка для тех, кто хочет под себя настроить все шрифты и цвета блога. Настройка шрифтов идентична редактору Word, правда выбора стилей написания поменьше, но зато с цветами и оттенками проблем никаких. Даю подсказку тем, кто планирует работать в фотошопе для оформления своего блога и хочет не ошибиться с цветом! При просмотре и выборе цвета в верхнем окошечке есть код, в котором зашифрован ваш выбранный цвет.  Эти коды пригодятся вам в работе с фотошопом, чтобы ваши кнопочки, рамки и баннеры точь в точь соответствовали цветовому дизайну вашего блога.  Конечно, есть красивые попугаи, но очень часто их расцветки слишком режут глаза.

Рис.6 Найти код цвета в шаблоне Blogger

Изменить цвет и найти шифр цвета


Для тех кому сложно ориентироваться в названиях, а нужно изменить шрифт или цвет заголовка. Жмем, например «Название блога». Видим шрифты и цвета

Рис 7 Изменить название блога 

Изменить шрифты в Блоггер

Рис.7 Подсказка (что вообще это такое?) выделена красным

Выделенная область изменений в Блоггер

Все! Все изменения сохраняем  - жмем кнопку «Применить к блогу» и переходим опять в административную панель. Просматриваем нашу работу, любуемся, а если что-то не понравилось, то бежим обратно в Шаблоны и исправляемся. Не забываем кнопку «Применить  к блогу» или, если передумали, то там есть ссылка "назад  в Blogger". Ничего страшного, если получившийся дизайн не совсем устроил. Всегда есть возможность исправить все, что нужно или, в крайнем случае, вернуться в стандартные настройки и сделать все заново и по-другому.

Ну, вроде бы закончили работать с дизайнером. Теперь можно поменять шапку блога, то есть вместо безликого пустого места вверху блога нарисовать туда картинку. Берем желаемую картинку размером ровно по ширине вашего блога (то значение в пикселях, что мы записывали или запоминали во вкладке Регулировка ширины), высота может быть любой, но оптимально, чтобы она не заслоняла половину вебстраницы!  Если ваша картинка меньше или больше – редактируем в фотошопе под нужный размер. Можно в фотошопе онлайн или в любом другом графическом редакторе, в котором вы обычно работаете.

Вставить картинку в шапку очень просто. Заходим  во вкладку Дизайн в административной панели Blogger

Рис.8 Изменить дизайн блога. Ищем гаджет (что это такое?) с названием вашего блога и нажимаем Изменить. 

Изменить дизайн шапки


Открывается это окно

Рис.9 Окно редактирования названия блога


Загружаем нужную картинку, сохраняем, смотрим на свой новенький красивый блог и радуемся проделанной работе!

В следующий раз пишу о том, что такое фавикон и с чем его едят! Кому интересно, жду!


Поделиться с друзьями в социальных сетях

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

  1. Спасибо огромное за этот пост! Вы мне очень помогли! :))

    ОтветитьУдалить
  2. Спасибо за помощь новичкам!
    Хотелось бы узнать, как настраивать верхние вкладки на страницы блога после шапки? (Главная, Об авторе, Бесплатное и т.д.)
    У меня 3 вкладки получилось (хотя задала 4), но активных из них только 2, в чем может быть дело? Может быть как раз в ширине шаблона? Но какую именно задать правильно? у меня простой шаблон "Водяной знак"..
    Нигде не могу найти ответ, к сожалению
    Буду очень благодарна за совет!

    ОтветитьУдалить
  3. Стать молодым и красивым вместе с Натуральной французской косметикой Дермобио www.dermobiorussia.ru
    Изобретенная и произведенная во Франции косметика Дермобио с большим успехом продается во Франции, Чехии, Эстонии, Греции, Латвии, Литве, Малайзии, Мексике, Марокко, Португалии, Турции, Украине. Косметика представлена двумя линиями: Дермобио-органик и Дермобио-классик.Классическая гамма содержит морские водоросли, микроламинарии, чистый морской коллаген, витамин С, экстракты кипариса и других растений.
    Органическая гамма, состоящая на 99% из натуральных компонентов , содержит натуральные растительные экстракты зеленого чая, пчелиного воска, рисовой муки.
    Основатель Косметики Дермобио доктор Ален Доглиани Доктор фармацииАлен Доглиани родился в Марселе во Франции. Получил дипломы фармацевта, фито-и дермо-фармацевта. Член Французского общества эстетической медицины. Создал одну из самых крупных компаний, косметические принципы которой в основном связаны с морской средой.
    Один из основателей талассотерапии, которая широко применяется на 5 континентах. Его косметические творения с использованием инновационных технологий, морских и растительных активных веществ награждены многочисленными призами во Франции и за рубежом.

    Натуральная французская косметика Дермобио www.dermobiorussia.ru

    ОтветитьУдалить
    Ответы
    1. Призабавнейшее название для французской косметики, особенно для русского уха. Я понимаю, что это Дермо и Био. Но дермо, можно прочесть как гавно. Стоит поменять название.

      Удалить
  4. Здравствуйте. А подскажите пожалуйста. Почему я не могу создавать новые страницы? Страница просто не сохраняется. Очень буду признателен за ответ. Спасибо. http://www.comicsmarvel.ru/

    ОтветитьУдалить
  5. Здравствуйте! Как сделать кнопки меню ктивными

    ОтветитьУдалить
  6. Чтобы нажать на меню и попал в меню или в галерею

    ОтветитьУдалить
  7. Интересны у вас сайтик добаовлюка я его в закладки
    от расстаманна фром каннабис хе-хе шутка!!!

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