How To Add Together A Background Picture Inward Blogger Blog

Are yous bored amongst your weblog too desire to acquire inwards await to a greater extent than engaging past times adding a Background ikon to your Blogger site? Background images tin shipping away live on viewed equally a valuable aid for making your website await to a greater extent than appealing too pleasing to your users. Today inwards this article, nosotros volition learn how to add together a background ikon to your blogger site easily.


By default, Blogger adds several DIV IDs too classes to write dissimilar CSS codes throughout dissimilar HTML Elements on your WordPress site. You tin shipping away 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 too therefore acquire to Blogger >> Theme >> Edit HTML. Now search for pare tag, too only inwards a higher identify it glue the next code:

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

In the inwards a higher identify code, alter the background ikon URL to the ane that yous desire to meet 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 shipping away purpose for adding dissimilar background images to specific pages inwards blogger:

For All Posts

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

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