How To Add or Change Background Image in Blogger

Using a Blogger Blog you can add or change the background image of your blog at any time without installing any plugin. Earlier I made a tutorial on How To Change or Add Background Image in The Blogger Emporio Theme. This time around it goes to all Blogger themes in general not only for that of the Blogger Emporio Theme.

This feature gives your Blog a cool look making it beautiful and attracting, this slso gives your blog a unique look with a pleasant background style of your choice. In this tutorial, I'm going to show you on “How To Add or Change Background Image in Blogger”.

Steps on How To Add or Change Background Image in Blogger Blog

Step 1: Go to Blogger Account >> Blogger Dashboard.

Step 2: Select Theme Tab >> Customize.


Step 3: After Selecting, Customize Tab will Open >> Click on "Background".


Step 4: On the Background Tab, Click on the down arrow button as shown in the image below >> Click on Upload image >> Select Browse...


Step 5: Navigate to where the image you want to use as your Background image is and select it.

Step 6: After Selecting, Click Done >> Click Apply to Blog (which is located at the top right end in the Blogger Theme Designer). Now after Applying, Click on View Blog or Reload the Homepage of your blog to see result.


After following all these steps and nothing seems to change all you need to do is Copy the Code below and Paste in on Blogger Dashboard >> Theme >> Customize >> Advanced >> Add CSS.

Code:

body {
background-image: url("URL-OF-YOUR-DESIRED-BACKGROUND-IMAGE");
}


After Pasting the code, Hit the enter key at the end of the code, Click Apply to Blog, then Click on View Blog or Reload the Homepage of your blog to see the result.

Replace URL-OF-YOUR-DESIRED-BACKGROUND-IMAGE with the link of the image, see example below.

Code:

body {
background-image: url("
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggiZt8CwKjkfofC1mJiOZt62U8Omw2v3FpGj5Xa-tdr_BPUtrn1uZhEccgytfT3_XlPen4gEVIjps3rY_XY5HBhLpAkAmMeZwZQcAUM5YPJAj1Zz7OSOmKwWWiOhDHRvOvQL6PMYZTXVxN/s1600/LOGO.png");
}
(PREVIEW)


In this case, you will need to upload the image to your Blogger Blog then copy the link of the image and paste it there. 

N.B: After pasting the CSS Code always hit enter key at the end of the code before applying to blog, Always reload your blogs home page to see the result. Cheers Hope This works!