How to show your own background image in blogger two methods?

By default blogger template or numerous blogger templates available online designed by qualified webmasters where you can find beautiful background images but without option to upload your own image. Here in this article we educate you to add your own background image to blogger blog in two methods under Blogging Tricks, first is adding CSS code in customize template snippet and second is going to add CSS code directly into the template.
Regularly popular websites or blogs adds background images at the time of festivals to wish their subscribers and new visitors. Lots of SEO Tricks and Tips available on this blog to Improve Your Site Rank (Alexa Rank). Here you can test out experiment adding css code in customization of template and directly into template. Let�s begin tutorial adding background image.
First method:

How to Add CSS code to show background image in blogger blog?
Sign into your blogger account
Select �Template� link tab and Click on �Customize� link tab button
Now in Blogger Template Designer page click on �Advanced� link as shown in the image below
pic

body {background: #fff url(Image Url Here) no-repeat center fixed;}
.body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {background:none;}


Copy above CSS code and paste in CSS Editor as shown in the image below


Method Two:

Go to Blogger dashboard Select on �Template� link tab
Click on �Edit HTML� link tab and proceed
Now Search for tag
]]></b:skin>

After finding tag copy code and paste above to it

Save template,

Code customization

  • Replace #fff with your choice color code by using our color chart
  • Replace �Image Url Here� with your image Hosted URL
  • For repeated, tiled image effect, remove no-repeat from code
That�s it you�ve done and see your experiment.
If you�re facing any difficulty on this issue then, bring to us we try to solve you difficulty, if time available.