Вставляем свои картинки в шаблон

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

Для этого заходим в МАКЕТ>ИЗМЕНИТЬ HTML>  ставим галочку в расширить шаблоны виджета
и далее находим в коде следующую строку:
#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background: url(http://i779.photobucket.com/albums/yy80/Mikke_st/header5.jpg);

В строчке выделенной желтым цветом находится URL адрес картинки заголовка страницы.

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

Для чего сохранять старую картинку? Отвечаю: чтобы знать точные размеры изображения.

Все изображение готово. Теперь его надо загрузить в блог. Для этого можно воспользоваться web альбомом  Picasa, но я пользуюсь сервисом photobucket.com , заходим, регистрируемся и загружаем свою картинку на сервер. Далее копируем ссылку на изображение в Photobucket.com 

и вставляем ее вместо того адреса url, который был. Вот в принципе и все. Кстати, изображение сохраняйте в формате JPG , PNG или GIF...

  

Чтобы изменить фон страницы, нужно проделать тоже самое, что и выше, при этом соблюдая размеры исходного варианта, только вставляем url адрес следующий вариант кода:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: url(http://i779.photobucket.com/albums/yy80/Mikke_st/fono.jpg)

FAVICON 

- это изображение которое показывается в командной строке или закладках браузера.

В стандартном варианте стоит значок BLOGGER(a).

Для смены нужно вставить перед закрывающим тегом < /head>  вставляем следующий код:

<link href='адрес вашей картинки' rel='icon' type='image/тип вашей картинки'/>

Вместо строки "адрес вашей картинки" вставляем ссылку на ваше изображение которое находится, у меня на photobucket.com.
А вместо слов "тип вашей картинки" вставляем формат в котором сохранена ваша.(это GIF,PNG или JPG). В моем случае это выглядит так:
< link href='http://i779.photobucket.com/albums/yy80/Mikke_st/icon.png' rel='icon' type='image/png'/>
     

P.S.  

Перед изменением кода не забывайте делать запасную копию шаблона, чтобы не было обидно.