How To Add Together A Background Picture Inwards Blogger Blog

Are yous bored amongst your weblog together with desire to acquire inward hold back to a greater extent than engaging past times adding a Background ikon to your Blogger site? Background images tin survive viewed equally a valuable assistance for making your website hold back to a greater extent than appealing together with pleasing to your users. Today inward this article, nosotros volition learn how to add together a background ikon to your blogger site easily.


By default, Blogger adds several DIV IDs together with classes to write unlike CSS codes throughout unlike HTML Elements on your WordPress site. You tin easily add together custom backgrounds to specific posts, pages, archives or fifty-fifty homepage of your blogger site.

However, if yous desire to alter the background ikon of your consummate blogger site together with thus acquire to Blogger >> Theme >> Edit HTML. Now search for peel tag, together with only inward a higher identify it glue the next code:

torso {
    background-image: url(http://example.com/images/your-background-image.png);
    background-position: oculus center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

In the inward a higher identify code, alter the background ikon URL to the i that yous desire to come across equally the background ikon of your blog. After making all the changes, press "Save Theme" button.

Following are the few Blogger generated CSS codes that yous tin piece of occupation for adding unlike background images to specific pages inward blogger:

For All Posts

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

For All Page

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

For All Archives 

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

We believe this article would assist yous inward learning how to add together a background ikon inward Blogger. If this article has helped yous then, delight subscribe to our mailing listing together with follow us on Facebook together with Twitter.

Baca Juga