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/AVvXsEh6Uc5rlxYpxeASgJqYmBaceJVj9051bpGknm69apuyR9W7EDfBwueocwBv24PtLpVejoyffwk3kyss4s4iSuTiFpIJbjEPwix7lvr3LG0ccX1PP1Gr3RlIF06goUJ_q8b28mYPaXFrcISc/);
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