Вы устали от своего блога и хотите сделать его более привлекательным, добавив фоновое изображение на свой сайт 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;}
Для всех архивов
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. Если эта статья помогла вам, подпишитесь на нашу рассылку.
