Friday, 11 July 2014

How to Make a Slideshow for Your Recent Posts in Blogger

Wikipedia defines widget as a small auxiliary application that can be installed within a webpage and enhance its functionality. Information fetched from other websites and help bloggers and webmasters to add a function to their blog or website on a finger tip. In addition they can be called portlet, badge, module, gadget according to the platform used in. However, widget is the term used in Blogger platform. But why I introduced widget before everything.
Slideshow, blogspot, widget,blogger



Adding a widget to blogger

I had a post about How to Add Custom Social Bookmarks Widget to Blogger and it was another interesting widget and adding new widget is explained there. But, it is not bad to repeat it again  in this post.
Before I go on with making a slide show of recent posts I explained widget which is really easy to be installed in Blogger and it is fun. There are several ready widget available but not everything. A widget can be installed following the below instruction.

Layout > Add a widget > Done

How to make a slideshow for recent posts

To make a slideshow of recent posts simply follow below instruction:

Layout > Add a widget > Htmal/Javascript > Add the script below > Done
<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://top-tipsonline.blogspot.com" // Add your blog URL
});
</script>
Widgets are very easy to manage and can be moved everywhere in the blog layout. This was today's tutorial hope you enjoy it and don't forget to share if you like it. 

No comments:

Post a Comment

Share Your Precious Knowledge

//SEO SCRIPT POWERED BY www.legeeks.com