Как добавить фоновое изображение в блоге Blogger

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

По умолчанию Blogger добавляет несколько идентификаторов DIV и классов для написания разных кодов CSS для разных элементов HTML на вашем сайте WordPress. Вы можете легко добавлять собственные фоны к определенным постам, страницам, архивам или даже домашней странице вашего сайта Blogger.

Однако, если вы хотите изменить фоновое изображение вашего всего сайта Blogger, перейдите в Blogger >> Theme >> Edit HTML . Теперь найдите тег ]]></b:skin> и чуть выше вставьте следующий код:

 

body {    background-image: url(/wp-content/uploads/https://example.com/images/your-background-image.png);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

 

В приведенном выше коде измените URL фонового изображения на тот, который вы хотите видеть в качестве фонового изображения вашего блога. После внесения всех изменений нажмите кнопку «Сохранить тему».

Ниже приведены несколько CSS-кодов, созданных для Blogger, которые можно использовать для добавления различных фоновых изображений на определенные страницы в блоге:

Для всех сообщений

body.item {    background-image: url(/wp-content/uploads/Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

 

Для всех страниц

body.static_page {    background-image: url(/wp-content/uploads/Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

 

См. также:  Как создать успешный блог с Blogger

Для всех архивов

body.archive {    background-image: url(/wp-content/uploads/Your-Background-Image-URL-Here);    background-position: center center;    background-size: cover;    background-repeat: no-repeat;    background-attachment: fixed;}

 

Я считаю, что эта статья поможет вам узнать, как добавить фоновое изображение в Blogger. Если эта статья помогла вам, подпишитесь на нашу рассылку.

 

Ознакомьтесь также

Самые популярные компьютерные игры в России

Самые популярные компьютерные игры в России

Компьютерные игры популярны среди людей всех возрастов. В России также можно найти множество любителей игр, …

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *