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/AVvXsEi5zwuokqe5i-r-BlF05QzzDrgCLpXEz7m_upcaWBakeLs08OPh_tmkMVZmTPQ1YXvFVeTVsAi8_8T9V5plxPa1G6g9Wcrn0uYn9BEU6dmQmNvyce3i8pAsh3OsO6vE5JIN0yaJeVO6hyphenhyphenco/);
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




0 comments: