Create a Background Slideshow for Blogger

tmirror
Create a Background Slideshow for Blogger
In the previous post we saw how to make the blog's background fill the screen regardless of the resolution of the monitor . The method that we'll use now with jQuery is a plugin called BackStretch which also has the option of creating a slideshow of pictures as a blog wallpaper without losing the property of adjusting to the width and height of the screen. What we will do in this entry is just this, try to make the blog's background to have some images that are changing, all with fade effect between each transition. You can see an example in this demo blog . To put this slideshow in the blog's background, just go to Template - Edit HTML and before </head> add the following code: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/> <script> //<![CDATA[ /* * jQuery Backstretch * Version 1.2.8 * http://srobbin.com/jquery-plugins/jquery-backstretch/ * Add a dynamically-resized background …