Главная » » Шапка для блога

Шапка для блога

Автор поста: Микола Питеков | 01.05.2012 | 1:18

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

  У всех без исключения блогов Блогспот, шапка стандартная. Реализована она в виде вывода title (Название)и description (Описание) блога, вверху страницы. Будь у вас стандартный шаблон или уникальный. Если конечно ваш шаблон не делали под заказ. Настроить название и описание можно в “Панели инструментов” – “Настройки” - “Основное”.

  Стандартную шапку можно поменять, не редактируя при этом шаблон, на красивый логотип, характеризующий ваш блог, делая его узнаваемым, с первой загрузкой в браузер. Но где взять шапку? Конечно же, сделать шапку своими силами или заказать у владеющего азами дизайнера, пользователя.

Как сделать шапку для блога


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

  После нахождения заготовок (картинок) для шапки, вам понадобится редактор изображений. Лучше всего использовать Photoshop, можно даже не полную версию, а Portable. В нем достаточно функции, что бы сделать шапку блога.

  Если такого редактора нет в наличии, подойдет стандартный Paint Windows. Самое главное сохранять созданную картинку в формате PNG (Не потеряется качество и размер будет меньше). Про размер я упомянул не зря.

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

  Для создания своей шапки лично я использовал Photoshop Portable и Paint. Так как у Portable ограниченное количество функции, я чередовал два редактора изображений.

  При создании шапки, у меня не было навыков работы с изображениями. Поэтому сделать шапку под силу каждому.

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


Когда писал эту статью на своем ноутбуке, мне понадобился его ремонт. Помощь, как сделать замену матрицы ноутбука на дому нашел на этом сайте. Эфективно и достойно!
Давайте продолжим.   После того как вы создали свой собственный логотип. Нужно вставить шапку в блог. Тут есть два варианта: Использовать стандартную настройку заголовка или найти в редакторе шаблона строку CSS, где нужно будет поменять URL картинки.

  • Первый вариант – Настройка заголовка. 

  Зайдите в “Панель инструментов”, выберите “Дизайн”, найдите виджет “Заголовок”, нажмите изменить. Появится вот такое вторичное окно.

  Выберите загрузить картинку, после загрузки шапка появиться в окне. Выберите место размещения. Лучше всего, если вы хотите полностью убрать текстовое название и описание блога, выбрать “Вместо заголовка и описания”. В этом случае картинка полностью заменит стандартную шапку Блогспот.

Таким способом вставить шапку в блог не составит большого труда.

  • Второй вариант – Изменение CSS

  Вставить шапку с помощью второго варианта будет значительно труднее, в особенности, если навыков в CSS и Html у вас нет. Кстати шапка блога Seo блогспот, реализована с помощью второго варианта, признаюсь мне пришлось попотеть.

Если не разбираетесь в CSS и HTML. Обязательно прочитайте до конца, не начиная применять второй вариант. Оцените ваши возможности и предупредите себя о возможных последствиях.

Перейдите в “Шаблон” - ”Изменить Html”.

Находим примерно такую строчку:

body{background

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

В строке находите

url(http:// - здесь то и будет вся шапка вашего блога. Всё верхнее изображение.

  Перейдите по url, скопируйте картинку, отредактируйте ее в редакторе (увеличьте, наведите красоту). Если такой строки в вашем шаблоне нет, ищите похожие, ориентируйтесь на url. Просматривайте все изображения, уверяю вас найдете для себя, что то новое. После редактирования старой шапки, сохраните новую, загрузите ее на хостинг изображений, в случае с Блогспот, желательно picasa.

  Скопируйте ссылку картинки в веб альбоме picasa, и вставьте ее в место ссылки на старую шапку. Сохраните шаблон. Если картинка будет повторяться, поставьте вместо вашего repeat, строку no-repeat. При этом шапка у вас должна быть на всю длину блога. Иначе обрыва шапки не избежать.

Продолжим про шапку.   Вставить шапку в блог вторым способом сложно, при этом возникает множество нюансов, всех не описать. Например: может съехать весь шаблон, когда меню, надписи, текст уезжают в сторону, вверх, вниз и т.д. Возможны и другие последствия.

Поэтому перед изменением шаблона обязательно сохраните его копию.

0 коммент.:

 
Все права защищены.
Copyright © 2011-
Seo Блогспот
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх