Best jQuery Carousel Slider for Blogger - FlexSlider

This is a responsive jQuery carousel slider. This amazing slider developed by flexslider.woothemes.com. It has some really cool features that makes you like it. The most cool feature is it is fully responsive; you don't have to tensed about the sliders width / height even all images width and height are auto adjustable. And also you can set minimum/maximum number of images to be appear on occasion of various size screen/browser. So overall it is quite a beautiful carousel slider. Here it is customized for blogger/blogspot so you can just copy and paste the code to install on your blogger blog. Check out the live demo by clicking the link below.

Let’s Install the jQuery Carousel Slider to your Blogger Blog

Go to Blogger Dashboard > Layout > Add a Gadget
Select HTML/Javascript
Copy the code below and paste on it.







  
    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />

4. Save, and were done.

NOTE:

Forget about width and height it will adjust auto.
Replace the pink colored image URL with your own uploaded image URL (You can upload image on blogspot, flickr etc.)
There is some other things you can change, see below. I guess I don't have to explain that because they are named like as they are.

    animationLoop: false,
    itemWidth: 210,
    itemMargin: 0,
    minItems: 1,
    maxItems: 4

Let’s Install the jQuery Carousel Slider to your Blogger Blog

Go to Blogger Dashboard > Layout > Add a Gadget
Select HTML/Javascript
Copy the code below and paste on it.







  
    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide1.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide4.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide3.jpg" />
    

    
      http://project.dimpost.com/flexslider-carousel/images/slide2.jpg" />

4. Save, and were done.

NOTE:

Forget about width and height it will adjust auto.
Replace the pink colored image URL with your own uploaded image URL (You can upload image on blogspot, flickr etc.)
There is some other things you can change, see below. I guess I don't have to explain that because they are named like as they are.

    animationLoop: false,
    itemWidth: 210,
    itemMargin: 0,
    minItems: 1,
    maxItems: 4

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики