Делаем шапку для блога



Как изменить шапку блога


И снова всем привет! Чтобы Ваш блог выделялся  в многочисленной армии блогов на blogspot, давайте сделаем простую шапку для нашего блога. Я предлагаю сделать шапку на фоне обычной картинки. В фотошоп пока работать не научилась, поэтому воспользуемся пока тем, что у нас получается. Что нам нужно: первое-это знать ширину и высоту шапки. Заходим в шаблон-изменить шаблон, и ищем код, который Вы видите ниже.

#header-wrapper { 
height:138px; 
margin:0 auto; 
width:950px; 
background:#FF0000; 
}
height-это высота шапки; width-это ширина шапки. 

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

Находим в шаблоне блога размер шапки

На скриншоте вы видите, что ширина-960 рх; а высота-310 рх. Ширину я оставила неизменной, пробовала больше, но слишком выезжает шапка справа. Высоту пробовала 310 рх, не понравилось, загружается блог, и перед глазами одна картинка, то бишь шапка. 

Так, нам нужна красивая картинка, можно выбрать на Яндекс фотках, Google, радикал или просто попробовать найти с помощью поиска. 

Если у Вас имеется своя, ещё лучше. Теперь надо подогнать размеры изображения под шапку. Как и где можно изменить размер, я писала здесь. Напоминаю, что слишком маленький размер изображения при его изменении, будет выглядеть расплывчато. 

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

Как установить и настроить шапку в блог

1.После названия и описания-будет выглядеть как у меня в блоге. 2.Вместо заголовка и описания-будет одна картинка. Этот вариант выбираем, если вы сделали шапку с заголовком и описанием блога. 3.Помещать описание под изображением-сверху шапка, а снизу описание, без названия блога. 

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




Автор статьи ✎ Olga Protasova Выпуск ✹ 8/20/2013 Ярлыки ►


Открыть комментарии →

3 коммент. :

  1. Здравствуйте, Ольга! Спасибо Вам за за этот полезный блог и за замечательные уроки.
    Скажите, пожалуйста, а как сделать рамочку вокруг шапки? В частности меня интересует разделительная линия между шапкой и остальной частью блога. И как сделать, чтобы эта линия была на всю ширину экрана?

    ОтветитьУдалить
    Ответы
    1. Марина спасибо за отзыв. По Вашему вопросу почитайте статью по этой ссылке:

      http://www.bdblogov.ru/2014/06/How-align-text-and-change-form-title-in-blogsBlogspot.html

      Если что то непонятно, пишите, будем вместе решать проблемы.

      Удалить
    2. Спасибо, пошла читать :)

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *