Saturday, 17 August 2013

A Slick New Featured Posts Image Slider For Blogger


In the past I have provided Blogger users with a number of different Image sliders or featured posts sliders.Recently while working on a blog design job I had a client looking for a very specific slider to display some of their best images.The slider needed to have some specific specifications which were not covered by my previous efforts.I also needed to make the slider lightweight and easy to edit so the client could quickly change the images and links. So we were looking for the slider to be :1. Full Width - so it spans the entire width of the blog but also for this tutorial I wanted the width to be easily changed.2. Auto and manual scroll - We wanted the slider to scroll through images automatically, the slide would stop on hover and also visitors would have the option to scroll at their own pace.3. Two ways to scroll - We wanted to have the classic Next/Previous buttons but also bullets below the slider to skip to any image.4. Easy to edit - The HTML code for the slider can be accessed via the layout page rather than buried within the template. So in this post I have to tutorial to add this new slider to your blog.You can see a live demo of the slider by following the like below :View Demo Button     And here is the tutorial to add the slider to your blog.Add Featured Slider To Your BlogRemember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template Step 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css, as shown in the video below.

No comments:

Post a Comment