How To Add Together A Background Picture Inward Blogger Blog

Are y'all bored alongside your weblog in addition to desire to acquire inwards expect to a greater extent than engaging past times adding a Background icon to your Blogger site? Background images tin move viewed equally a valuable assistance for making your website expect to a greater extent than appealing in addition to pleasing to your users. Today inwards this article, nosotros volition learn how to add together a background icon to your blogger site easily.


By default, Blogger adds several DIV IDs in addition to classes to write dissimilar CSS codes throughout dissimilar 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 y'all desire to alter the background icon of your consummate blogger site in addition to thus become to Blogger >> Theme >> Edit HTML. Now search for peel tag, in addition to only to a higher identify it glue the next code:

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

In the to a higher identify code, alter the background icon URL to the i that y'all desire to run across equally the background icon of your blog. After making all the changes, press "Save Theme" button.

Following are the few Blogger generated CSS codes that y'all tin 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: pump 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: pump 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: pump center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

We believe this article would assist y'all inwards learning how to add together a background icon inwards Blogger. If this article has helped y'all then, delight subscribe to our mailing listing in addition to follow us on Facebook in addition to Twitter.