Как изменить шапку блога blogger
И снова всем привет! Чтобы Ваш блог выделялся в многочисленной армии блогов на blogspot, давайте сделаем простую шапку для нашего блога. Я предлагаю сделать шапку на фоне обычной картинки.В фотошоп пока работать не научилась, поэтому воспользуемся пока тем, что у нас получается. Что нам нужно: первое-это знать ширину и высоту шапки. Заходим в шаблон-изменить шаблон, и ищем код, который Вы видите ниже.
#header-wrapper {
height:138px;
margin:0 auto;
width:950px;
background:#FF0000;
}
У кого получится найти такой код в шаблоне, напишите пожалуйста. Я искала полдня во всех своих блогах, и не нашла. Воспользовалась тем, что на мой взгляд и есть размеры шапки.
height-это высота шапки; width-это ширина шапки.
У кого получится найти такой код в шаблоне, напишите пожалуйста. Я искала полдня во всех своих блогах, и не нашла. Воспользовалась тем, что на мой взгляд и есть размеры шапки.
На скриншоте вы видите, что ширина-960 рх; а высота-310 рх. Ширину я оставила неизменной, пробовала больше, но слишком выезжает шапка справа. Высоту пробовала 310 рх, не понравилось, загружается блог, и перед глазами одна картинка, то бишь шапка.
Так, нам нужна красивая картинка, можно выбрать на Яндекс фотках, Google, радикал или просто попробовать найти с помощью поиска.
Если у Вас имеется своя, ещё лучше. Теперь надо подогнать размеры изображения под шапку. Как и где можно изменить размер, я писала здесь. Напоминаю, что слишком маленький размер изображения при его изменении, будет выглядеть расплывчато.
Дальше, когда наша картинка-шапочка будет готова, идем дизайн- изменить заголовок. Здесь нажимаете-выбрать файл и загружаете приготовленную картинку. Дальше нам нужно выбрать место расположения шапки.
1.После названия и описания-будет выглядеть как у меня в блоге (уже нет). 2.Вместо заголовка и описания-будет одна картинка. Этот вариант выбираем, если вы сделали шапку с заголовком и описанием блога. 3.Описание под изображением-сверху шапка, а снизу описание, без названия блога.
Нажимаем-сохранить, перетаскиваем гаджет и любуемся проделанной работой. Всем до свидания, жду комментарии, предложения, пожелания. Почитайте ещё здесь как узнать размер шапки.
Рекомендуемый контент:
Здравствуйте, Ольга! Спасибо Вам за за этот полезный блог и за замечательные уроки.
ОтветитьУдалитьСкажите, пожалуйста, а как сделать рамочку вокруг шапки? В частности меня интересует разделительная линия между шапкой и остальной частью блога. И как сделать, чтобы эта линия была на всю ширину экрана?
Марина спасибо за отзыв. По Вашему вопросу почитайте статью по этой ссылке:
Удалитьhttp://www.bdblogov.ru/2014/06/How-align-text-and-change-form-title-in-blogsBlogspot.html
Если что то непонятно, пишите, будем вместе решать проблемы.
Спасибо, пошла читать :)
Удалить