How To Add jQuery Scroll Background To Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

4.Now scroll down to where you see like this code:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Note:above code can be different in your template.But important part is body { .

5.Replace above code with below code:

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQit7VsMcvpavtEzZr4jIUkERuxyVvwSlRN3H7eoq5jbgS_r-lzhSNra6mu7XGZ4hM5Ed2hckHFhCyAAGtnC2d2mjnHarMl_-6Sj1NUC_zwkVyq7FKP3rBOKvIAzw_H9dmPE4K-Xslqaq/);
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Note: You can use any suitable image instead of above image.

6.Click on save template and you are done.

Demo