27 декабря 2011

Меняем фоновое изображение в Blogger на своё

Ставим своё фоновое изображение в Blogger.
Генерировать бесшовные изображений вам помогут следующие сайты: bgpatterns.com и второй www.colourlovers.com

Для того, чтобы сменить фон в blogger нам нужно поставить свою ссылку на фоновое изображение.
Заходим в панель управления блогом, можно по ссылке и переходим в меню "Дизайн" > Изменить HTML




3. Находим в коде строчку /* Content (комбинация для быстрого поиска ctrl+f )


и заменяем строчку: background: $(body.background);
на: background: #хххххх url("http://....jpg")repeat;


Строчка: http://....jpg это путь к фоновому изображению которое вы будете использовать в блоге. Изображение может быть любых форматов:  jpg, gif или png. Изображение например может находиться, среди ваших фотографий в Picasa или в любом другом месте в Интернете. Если использовать маленькое изображение, то им замостится вся область фона.
Строчка: #хххххх это код цвета фона, он понадобиться в том случае, если по каким-то причинам сервер, на котором находится ваше фоновое изображение, будет недоступен.

После всех внесённых изменений, на моём блоге строчка: background: $(body.background); стала выглядеть так: background: #298A24 url("https://lh6.googleusercontent.com/-W0JzBOFtiQo/Tvgv1aIcVtI/AAAAAAAAARc/aTDGKRjJQdM/w527-h117-k/11013.png")repeat;




Нажимаете "Сохранить шаблон" и изменённый фон в blogger стал выглядеть так, как вы хотели.
Своё фоновое изображение в Blogger

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

  1. Здравствуйте.После устаноки фоновой картинки она покрывается "прозрачно-черной вуалью" (http://markfrm.blogspot.com/) и все портится! Может есть возможность ее осветлить, а лучше вообще убрать. Спасибо

    ОтветитьУдалить
  2. Возможно это связано с особенностями вашего шаблона, попробуйте использовать другой шаблон в вашем блоге. Других вариантов я не знаю

    ОтветитьУдалить
  3. Пробовал.Необходима корректировка в HTML

    ОтветитьУдалить
  4. в панели редактирования шаблона, восстановите шаблоны виджетов по умолчанию

    ОтветитьУдалить
  5. Получил подсказку: удалить (http://blogblog.com/1kt/travel/bg_black_70.png) и нет проблемы

    ОтветитьУдалить
  6. а Вам спасибо за участие

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

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