So today I am posting a widget which I personally like too much. This widget is somewhat like the previous Featured Post widget I have posted but totally different in functioning. You can add this slider to your Sidebar. You just have to do 1 time customization unlike the previous widget. It is fully automated you just have to enter your blogs URL and the slider will keep updating the posts.

This widget is somewhat different. We normally use Sidebar for adding widgets like Popular Posts, Labels, Like box etc. but this time we would be adding a slider to the sidebar. This widget contains number of effects including Hover effect, Transition effect etc. You can change the number of slides to be shown. You can change the posts displayed for a specific label i.e. if you want to show only of a specific label you can by changing the settings.

To see the live demo of this widget click the button below and look at the right sidebar.

Settings

These are the 1 time settings you may apply.

blogURL = Add your blog URL here
MaxPost = The total no. of posts in the slider
Interval = Time taken to change the slides position in milliseconds
autoplay = Write true or false in you want / don't want the slides to change automatically.
tagname = If you want to display articles by tag / label, such as the tag widget, it will be written as tagname: "widget"

Once you are done with the settings edit the code and Save the template again. Thats it, a cool sidebar slider can now be seen in your blogger blog.

@Tiffany The problem is that the widget only crawl images which are uploaded i.e. images which have .blogspot in the domain. Images from tinypic, photobucket etc. can't be crawled by this widget.For changing the color of the border search for "border: 4px solid #2E8DCE;" and Replace #2E8DCE with your desired color.

@Brandoh As you can see the boxes HTML is added in the JS file itself so you have to edit the JS file in order to remove the bottom box. In short you can't if you can not host your own JS file somewhere else.

@Naveen As far as I think the problem may be in the image server i.e. where the image is hosted. Blogger crawl images from some sites only like for example 1.bp.blogspot.com etc. The best way to overcome this problem is to "upload" images rather than copying and pasting them.

Hi Dhiraj, I want to make the slider on my blog in such a way that it works on the basis of labels. Same as yours but I want to use the current slider on my blog http://thefootballworld2013.blogspot.in/. Please let me know how to do it, you can also add mail to me at jatin2312@gmail.com. Thanks

Any chance to make it look like this: http://www.engadget.com/2013/07/09/att-july-16th-whats-next/Btw, I know this isn't your original work and has been lifted from one of ivythemes.com's themes :PStill, nice to see it in a sidebar

I have this widget installed in my website. If I want to change the description font of the slider from Times Roman to Arial then how will I do it. Acutually, I use Arial font for my blog so I want Arial font on my description of the slider post when it changes. Please help me with this asap.

Its happening because you do not upload the images. Blogger crawl images from their own hosted servers and some other selected servers. To fix this you may download and "upload" the image in the posts.

Thanks a lot for solving my problem with the Times Roman font. I have now changed with the Arial font.

But now I want to change Label color in solid black color so that the Text on the Slider label will be visible. I don't want the slider label color with light black shade which originally appears. I want to change the Label color into solid black so that my Label Text which is in white color will become visible.

Hi , I have installed the widget in my blog, but the header slider stopped working, but i have uploaded all the images in my blog. I did not copy them . What should I doHere is my blog - Direct Download Stuffs

Sir, Hats off for this awesome post.I have tried so many ideas to make my blog popular but no one of these work.Can you help me please.Visit my blog and please tell me what is wrong..BLOG : www.10magictricks.blogspot.com

that doesn't make'in your blog 'more' popular anyway ( even if your blog is already popular ). why won't you just try it like this ul.sidebar-slider .overlayx,ul.sidebar-slider img looks simple, rather than this ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img *when im try'in to edit some of this code, it make my head blow up*

im just try'in to make ur blog better, I really like your blog, although this is not a big problem anyway, but this "abt" things *urgh*

Haha ! I am really sorry if that caused you inconvenience. My main motive for adding abt is to avoid other noob copy cats to replicate my codes and show others that the following thing/widget was coded by them and it has been very helpful for me too. There are more than 50 blogs which have copied my posts word to word (Yah I don't impose DMCA on them because I am tooooooo lazy :P ) The codes help other people who browser the copiers blog to know that it was coded by abt.

I have 3 blogs with this widget.... and I have a problem in 1 of them..... I don´t know why, in this blog http://youtubi-fun.blogspot.com I can´t make it work like in the others. The images and the titles are with wrong format.

Can you help me?

Note: I have hosted de .js in my dropbox becouse I changed the "s72-c" format to "s72" (full image, not croped) and it works fine....

In my last comment I forgot to say that the problem is more visible using Chrome (images and titles are not fitting) and in the Firefox the images are ok, and the titles not fitting.... Using your original widget (without my changes) the problem is the same.... I think my problem is something in my blogger template... but I can´t find it

Blogger has changed their image upload servers, so even if you directly upload the images in the post, it still won't show on the slider anymore. It is no longer bp.blogger something, it is now google usercontent etc.

Actually I just realized that if I use my uploaded picture in "original size," it changes the URL and no longer shows/crawls the image into the sidebar, but if I use any other sizes and customize the size HTML, then it will be shown in the sidebar. Strange.

Yes please, it need to include post content, I want to use it as alternative to "Automated Recent Posts Slider for Blogger" (http://www.allbloggertricks.com/2013/07/automated-recent-posts-slider-for.html) because the width size fits perfect in my blog :)

yes, there is a way for that, dear.if you need to add more than one label, you can create another label then added to posts of above labels. For example, you want to show posts under label (category) "sport", "headline", and "business" in homepage slider, so you can create a new label "feature", add this label to posts under three labels "sport", "headline", "business". After that, add to slider one label “feature” only.