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

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

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

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

body { background-image: url(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(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(Your-Background-Image-URL-Here); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

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

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

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

Cancel