Thursday, November 17, 2016

How to Add jQuery Nivo Slider to Blogger Blog

How to Add jQuery Nivo Slider to Blogger Blog


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

Watch Live 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!. :D
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>

Generate Script
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.

Generate 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. :)

Go to link Download

No comments:

Post a Comment