JavaScript Image Slider For Blogger

Today I am sharing another cool slider which works with JavaScript and no jQuery and flash is needed.This slider contains a ribbon at the left top corner of slider and it is named as "What's Hot" also it contains a beautiful slice effect which slices image into 12 parts,these main features increase beauty of the slider.Another great feature of this slider is it is highly customizable so that to edit it as you wish and which will perfectly suits to your blog.This slider is created by menucool.com and I have created a bloggerized version of this slider to works perfect with blogger blog.See the demo of the slider by clicking on th,

Live Slider Demo

How To Add This Slider To Blogger?

1. Go to Blogger Dashboard > Layout


2. Click on Add a Gadget


3. Select HTML/JavaScript (below header)


4. Paste code inside it,

 
 
 
#">http://images.helperblogger.com/jsSlider/helperblogger.com-1.jpg" alt="Image Slider By helperblogger.com"/>#">http://images.helperblogger.com/jsSlider/helperblogger.com-2.jpg" alt=""/>#">http://images.helperblogger.com/jsSlider/helperblogger.com-3.jpg" alt="The slide is a linking image"/>#">http://images.helperblogger.com/jsSlider/helperblogger.com-4.jpg" alt="Pure Javascript. No jQuery. No flash."/>#">http://images.helperblogger.com/jsSlider/helperblogger.com-5.jpg" alt="#htmlcaption"/> 

Important Note - Before adding  images to slider resize all of them to same size.

Color Codes Info -

      - Width Of Slider

Set the width of slider according to your image width also use the images of same width and same heights.

      - Width Of Slider

Set the height of slider according to images height also use images of same width and height.

      - Image URL

Replace all highlighted image URL's with your own images URL.

      - Image Caption

Here you can add your image caption.

      - Link To Image

If you want to add any link to image then replace # with your own image URL.

Finally save all your changes and you are done :)