
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.
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.
ChangeLog
26/06/2012
+ Updated Nivo Slider Script Version to 3.0.1
+ Fixed Bugs in Slider.
dear brother
plz tell me k jb 1 page par zyada post ho jain to next page kasy add karna hota hy.
You should make the slider generator show the HTML code like the script does. I don’t have a “blogger” website, and I would have liked to use this. Shame.
After I put in the code and generate slider to blog the slider shows up and seems to work ok but there are giant gray lines filling the width of the screen as a background behind the slider. Any advice on getting rid of the distracting background?
Where should we paste the generated script???
in your blog’s HTML
I followed all the instructions but it won’t work. I only see a white square that keeps loading and loading but won’t load!
What should I do?
I installed it to my blog from here a few weeks ago and it was perfectly working until 2 hours ago. What happened now? how can i fix it? (your demo preview is not working too)
Please update the widget code.
Sorry for this Inconvenience . .
thank you so much you’re awesome!
The slider worked great for the past two days, but today I checked and I keep getting this error — a pop up box appears and says “To view this page, you must log in to this area on bloggerblogwidgets.googlecode.com:80:
Google Code Subversion Repository” and requests username and password. Could you tell me how to stop this box from showing up?
Please update the widget code.
Sorry for this Inconvenience ..
I put a month ago, succesfully the slider on my 3 blogs and today, it is not working at all : what’s happen ?
isabelle
Please update the widget code.
Sorry for this Inconvenience. .
Thanks for the update : it works …
Isabelle
How do I update it? And where would I find the code, can you provide a link? Thanks
Nevermind, I found the Script, but, I have no idea how to apply the script onto the blog, help please? Thanks~~!
hello, please help me, I put your nevo silder coding and it working perfectly, but now it not running. Please help me dear and give a solution!:(
After updating script as u say, it not still working….:(
Congratulations for providing us such a powerful (and easy) solution with those generators.
But mainly for the fast update with the Google code hosting problem. Thanks a lot!
George – Brazil.
WHen you say Widget Code do you mean go into my blogs template and re enter all the info OR re enter the widget code where I enter the images html?
Do I have to re generate script and delete the old out of my template OR re generate slider?
why is problem the nivo slider? Update?
Someone help me?
Thanks
Please where is the update Nivo slider?
Please can you tell me the link?
Hi this was the best thing I’ve ever found since I started my blog but do you know it could be changed to the light theme, that would be even more amazing, thankyou
Harish, this is the update? if you answer me?
tks
“It is jQuery conflict.
remove this line from template
and most important!!, MOVE this line after tag
“
Hi,
thanks for updating the script hosting !
YOU ARE GREAT ! :))))
Keep up the good work !
I updated the script but now it only loads and will not stop.
I’d appreciate some advice on what may be the issue and get a little more info than, “Please update the widget code. Sorry for this Inconvenience.”
please update the new CDN hosted script.
I updated the script and the widget, but now when the widget is added it removes the tabs that were in my sidebar.
Thank you for your great info, I was Just looking for this.
For Some reason, my slider keeps spinning, no pics are showing up….
check your template, if there are two jQuery plugins in your template?
Hi, it seems all scripts hosted at github.com are not working anymore, since tonight. Nivo slider and auto-read-more as far as I’m concerned.
Any solution to this problem ?
Thanks in advance !
Sorry, forget my previous comment. I checked your code generator and found the new script host, everything’s fine now. :)))
Man, mine is not working too. Just spinning but not showing the images.
According to github, there is a 404 error about the jquery.nivo.slider.pack.js file.
Could you please fix it to us?
Thanks in advance!!
I have moved scripts to my CDN. please update the script.
Thanks.
I love this slider, but wonder if you could set up an email list to notify users when the script gets updated. This is the second time it’s just stopped working, and while I know now to come here and look for an update, other users might not, and it would be helpful to have some notification. Maybe that’s asking a lot since you’ve provided such a great tool for free, but I thought I’d suggest it.
i am sorry, till now i used public free Hosts for the scripts. Due to high usage and bandwidth consumes, Public accounts are suspending.
but I am actively updating scripts. this time i hosted on my own server and serving all scripts using my CDN.
I’ve just updated, but the slider is still not working. Thanks for your help…
you didn’t included the jQuery script.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Should that replace this:
Or do I put that somewhere else? Sorry–I’m such a novice.
yeah. replace it.
Hello Harish,
Please,
Where are the new script uptaded?
New scripts are changed in the generator. please generate new slider code.