How to Add Animated and Responsive Recent Posts Widget to your blogspot?

Recent Posts Widget is a widget for blogger which will show the recent posts of your desired blog. With help of HTML,CSS and JavaScript Codes this widget can be customized to make it more responsive and animated. Now, I’m going to show you on how to add Animated and Responsive Recent Posts Widget to your blogspot. This Animated Recent Posts Widget updates automatically and you do not have to edit the widget and add images, titles and description again and again. You just have to add the URL of the blogspot and your configuration of the code is complete.

Adding the Animated Recent Posts Widgets code in Blogspot

In order to add this Animated Recent Widget's code, go to Blog Layout> Add Widget> HTML/JavaScript and paste the given code below in the box opened.

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/> <div id="slider-rotator" class="slider-rotator loading"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script> <script type="text/javascript"> makeSlider({     url: "http://YOURURL.blogspot.com" // Add your blog URL }); </script>

After adding the code change the URL in Bold Red with your own blogspot URL and save the widget. Example: http://techtsismisph.blogspot.com  Finally save the template and you’re done.

 Now you and your visitors can see this awesome Animated Recent Posts Slider in your blogspot. Enjoy!