Название и шапка блога - как настроить

28.09.2013

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

В Дизайнере шаблонов Blogger'а можно настроить не только шрифт и цвет заголовка, но и фон верхнего колонтитула (шапки) блога

Или вставить свою картинку в качестве шапки блога.

Итак, после выбора шаблона (я говорю о стандартных "блоггеровских" шаблонах) настроим заголовок блога.

1. Заходим в админку блога. Далее Шаблон >> Настроить.

2. В Дизайнере шаблонов выбираем пункт Название блога. 
    
     И справа настраиваем шрифт

  • название - русский язык поддерживают не все шрифты; 
  • жирный/нет; 
  • курсив/нет; 
  • размер - в пикселях.

   Цвет заголовка -можете выбрать свой из палитры или выбрать из предложенных.

3. Фон верхнего колонтитула - это цвет шапки блога, на которой и располагается название и описание блога. Кстати, в некоторых шаблонах фон верхнего колонтитула настраивается в пункте "фон" (вместе с внешним фоном и фоном сообщения).

4. В описании блога шрифт и цвет текста можно оставить те же, что и у названия, только размер шрифта выбрать меньше.


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

Также вместо названия блога есть возможность вставить готовую шапку блога - картинку с нанесенным на нее заранее заголовком. 

Для этого не в Дизайнере шаблонов, а в пункте Дизайн (в общих настройках Blogger) находим гаджет "Заголовок" и нажимаем Изменить.

Во всплывающем окне - Настроить заголовок
Выбрать картинку с жесткого диска Вашего компьютера или Интернета (по адресу URL):
Поэкспериментируйте с местом размещения картинки: после названия и описания; вместо заголовка и описания или помещать описание под изображением. У меня в данном блоге выбран 2-й вариант, поэтому вся шапка-картинка является картинкой-ссылкой на Главную страницу блога.


И сохранить измененный гаджет.

P.S. Про способы создания шапки для блогов и "нанесения " заголовка на нее постараюсь написать в следующей статье.

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

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

    ОтветитьУдалить
  2. более интересные настройки можно получить через режим html

    ОтветитьУдалить
    Ответы
    1. Да я и не спорю ) Но не все же хорошо знакомы с Html.

      Удалить
  3. Конечно, все можно сделать гораздо интереснее и по-разному. Но я,например,только осваиваю блоггер вэбдизайн и прочие примудрости ,и мне Ваши статьи очень помогают. Спасибо!

    ОтветитьУдалить
  4. Этот комментарий был удален автором.

    ОтветитьУдалить
  5. Как сделать описание блога по центру?

    ОтветитьУдалить
  6. И ещё один вопрос: если в Шаблон >> Настроить нет вкладки Описание блога, то как изменить размер и тип шрифта?

    ОтветитьУдалить
  7. Маша, спасибо за ваши статьи, очень помогают! Подскажите, пожалуйста, как можно изменить размер шапки блога (высоту), например, как у вас?

    ОтветитьУдалить
  8. Здравствуйте,Мария! Опять проблема.Помогите пожалуйста. Хотела поставить шапку,но увы....в настройках дизайна нет гаджета "Заголовок". Как быть????

    ОтветитьУдалить
  9. скажите, пожалуйста, а как поставить картинкy на главную страничку в блоге? В шаблоне я имею в виду..

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Если Вы спрашиваете про "шапку блога", то нужно зайти в настройках блога в пункт "Дизайн", далее на схематичном изображении найти гаджет "Заголовок страницы" (header) (раньше этот гаджет назывался просто "Заголовок") и нажать "Изменить". Дальше смотрите в статье выше про настройки гаджета "Заголовок".

      Удалить
  10. Спасибо за информацию, все просто и доступно описано. Очень помогла Ваша статья. И главное без потери своего времени. Зашла, прочитала, сделала. Очень довольна.

    ОтветитьУдалить
  11. как сделать изображение в шапке блога по центру?

    ОтветитьУдалить
    Ответы
    1. Для выравнивания картинки в шапке блога по центру необходимо добавлять определенный CSS-код.Есть статья об этом у одного из авторов блогов http://www.magentawave.com/2012/03/change-header-on-blogger.html (также почитайте комментарии к статье)

      Удалить
  12. Здравствуйте! У меня заголовок страницы выглядит следующим образом: "заголовок блога || заголовок страницы". Можно ли как-то удалить заголовок блога из тега H1 страницы? Спасибо!

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Напишите адрес Вашего блога.

      Удалить
    2. Возможно, Вам будет полезна статья коллеги про заголовки в Blogger https://amateurblogger.ru/kak-pomenyat-zagolovki-v-blogger/

      Удалить
  13. Анонимный11.07.2018, 11:47

    Как шапку блога сделать кликабельной, чтоб при нажатии на неё заходило на главную страницу сайта?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Простите, что долго не отвечала. Если Вы настраиваете шапку блог в Конструкторе тем (сейчас так называется Дизайнер шаблонов) - шрифт заголовка и описания, фон верхнего колонтитула, то такая шапка не кликабельна. Если Вы вставите готовое изображение в гаджете "Заголовок", то такая шапка блога будет кликабельной и ссылка будет как раз на Главную страницу блога.

      Удалить
  14. Этот комментарий был удален автором.

    ОтветитьУдалить
  15. Здравствуйте.Не могу оформить название блога в три строки (длинный текст). Ссылка на блог https://panasenkova.blogspot.com (извините, ссылка не вся скопировалась)

    ОтветитьУдалить
  16. Здравствуйте! Очень нужна Ваша помощь.Название блога https://panasenkova.blogspot.com не могу выровнять с новой строки. Шаблон автоматически переносит слова. Нужно в таком виде:
    Сайт директора
    МАУ ДО...
    Панасенковой ...
    Это реально? На теги br,p шаблон не реагирует. Может я что-то не так делаю?

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

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^