How to Add jQuery Nivo Slider to Blogger Blog

How to Add jQuery Nivo Slider to Blogger Blog

Posted by Админ on 7:14 AM

Many of way2blogging readers requesting a awesome and easy to use image slider. before i given a simple jquery slider, which is something difficult to add slides and use. Today i am giving the World’s most awesome jQuery slider. which is jQuery Nivo Slider. jQuery Nivo Slider is free to use and it is offering great setting options to customize your slider, and it is very easy to use with my Widget Generators.

Nivo Slider Features

16 unique transition effects
Simple clean & valid markup
Loads of settings to tweak
Built in directional and control navigation
Packed version only weighs 12kb
Supports linking images
Keyboard Navigation
HTML Captions
3 Slick Themes
Free to use and abuse under the MIT license

For more Information Visit the Nivo Slider website

Preview

How to Install jQuery Nivo Slider in Blogger?

Here are the Two simple steps to add the Nivo Slider to your Blog.

Please keep in mind, All the Slide images widths and Heights Should be Same, and those are match with the Slider Script Width and Height.

For Example:- I taken the Width and Height as 640px and 300px Respectively. Then all my Slide images width and Height MUST be 640px x 300px. Then only Slider works AWESOME!.

Installing the Nivo Slider Script

Here is the Generator for the Nivo Slider Script.

Just Customize the settings as your need and Generate the Code.
Copy the Nivo Slider Script and paste it before </head>

Adding Nivo Slider

Here is another Nivo Slider Slides Generator.

Add any Number of Slides and insert the Valid Image URL(required) into each Slide.
You have the options to add the links and Captions to each slide, and you can also sort them by dragging it, at top of each slide.
Generate the Nivo Slider and Click the Add to Blogger button
After adding the Widget Drag the Nivo Slider Widget where ever you want to show the Slider.

If you Enjoyed with this Awesome Slider, Please Share this Tutorial.
Please leave your comments and suggestion to improve this slider more on blogger platform.