Как изменить фон шаблона на блоге Блогспот (Blogger)

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

Сегодня я покажу вам, как настроить и добавить фоновое изображение в шаблоне на блоге Блогспот, если вы хотите изменить существующий фон в вашем шаблоне Blogger.
 
Я решил написать эту статью не потому, что не существует таких же статей в сети, но потому, что они предполагают немного знаний. Я и сам развиваюсь и вам помогаю расширить знания.
 
По этой причине я предоставил некоторые образцы фона для вас. Вы увидите, что замена фона изображения с этими образами — это не так сложно, и это даст уверенность в дальнейшем изменении фона вашего шаблона Blogger, чтобы удовлетворить свои собственные потребности.
Все, что нужно, это вставить небольшой фрагмент кода в CSS раздел вашего шаблона на Блогспот и сразу внешний вид вашего шаблона поменяется.
 
Если вы используете по умолчанию шаблон Blogger, то вы уже имеете вариант для того чтобы изменить цвет фона на свой вкус, выбрав Дизайнер шаблонов Blogger > Фон. Некоторые сторонние шаблоны Blogger, этот вариант тоже поддерживают, но далеко не все.
 
            Перейдем к изменению фона на блоге Блогспот:
 
            1. Дизайн > Изменить HTML
 
2. Делаем резервное копирование шаблона, в качестве меры предосторожности.
 
3. Находим следующую строку в вашем шаблоне Blogger
 
body {
 
4. Добавьте следующую строку сразу после этой строки
 
background-image: url(URL адресс вашей картинки);
 
5. Ваш блок кода будет выглядеть так:
 
body {
background-image: url(URL адресс вашей картинки);
(existing code in this block)
}
 
6. Теперь заменяем помеченное красным URL — адрес вашего изображения. Выбрать изображения из представленных ниже мною для практики или используйте ваши собственные изображения. Если, вы используете ваши собственные изображения, убедитесь, что вы прочитали советы по устранению неисправностей описанных ниже.
 
http://2.bp.blogspot.com/_vLeiVavkV_M/SuamXkfTu8I/AAAAAAAACDs/rJnVhvFbM1M/s320/background_104.gif
 
Фон «Зеленые лапы»
 
http://2.bp.blogspot.com/_vLeiVavkV_M/SuanXnu7qsI/AAAAAAAACD0/Dg-liDplbL8/s320/green-paws.gif
Как изменить фон шаблона на блоге Блогспот (Blogger)
 
Фон «Музыкальные нотки»
 
http://3.bp.blogspot.com/_vLeiVavkV_M/SuasPNs6XdI/AAAAAAAACEc/Vp3SxC6OVF8/s320/melody.gif
Как изменить фон шаблона на блоге Блогспот (Blogger)
 
Используйте кнопку «Просмотр», чтобы увидеть эффект всех этих слоев фона на своем шаблоне не сохраняя предварительно. Это поможет вам получить представление о всех фонах быстрее и выбрать оптимальный вариант.
 
            Если вы решили выбрать, что-то из моего, то сохраните шаблон и пользуйтесь. Или найдите для себя, что вам больше подходит по тематике блога.
 
Советы по устранению неполадок:
 
Убедитесь в первую очередь, что это файл в формате либо .jpg, .gif или .png и что его размер не превышает 100kbs. Как правило, изображение размером около 30kb или меньше, то время загрузки идет меньше. Больше же, может загрузку блога увеличить.
 
Эта статья в большей степени направлена для начинающих. Вы узнали, как добавить фоновое изображение на ваш шаблон Блогспот или изменить существующее фоновое изображение.  Примеры вам помогут быстро научиться изменять свой фон шаблона и в любой момент его менять на свои фоновые изображения.
 
До новых статей!!!

Трекбэк с Вашего сайта.

  • mark

    1. До использования кнопки ДАЛЬШЕ ссылка на пост имеет вид
    http://ifotki.info/14/65ef0ea4affd0c4944fdaebcffe09a2a4fb7a2149540821.jpg.html

    а после полного раскрытия сообщения она становится такой
    http://img-life.ru/upload_image/728b9aed66186654f0dafb84e25454cd.jpg

    Имеется ли возможность ЗДЕСЬ убрать нессылочный текст («Ссылки на это сообщение») и дополнительное прозрачное затемнение фона.

    2. А также убрать дополнительное прозрачное затемнение фона боковой панели.

    Спасибо ( http://markfrm.blogspot.co.il/search?updated-max=2015-01-01T06:15:00%2B02:00&max-results=4 )

    • Тема сложная, не попадалось мне такое и к тому же я обычно стандартный дизайн Блогспот меняю на иной. Посмотрите в настройках сообщения, можно ли его там убрать, если нет, то придется искать в коде шаблона, между статьей и комментарием.

  • Владимир Григорашкин

    Как изменить цвет поля с комментариями?