Blogger Tutorial: Auto Scrolling Recent Posts Thumbnail Widget

What is up guys?
I do plan on getting my tutorial section up and going so here is a tutorial on how to get an Auto Scrolling Recent Posts Thumbnail Widget.

1) Click Add a Widget from your Blogger Template Settings
2) Choose HTML/Javascript
3) Paste this Code into the Empty Box
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://code.helperblogger.com/hb-jquery-ticker.js"></script> <script src="http://code.helperblogger.com/hb-recentposts.js"></script> <script> var numposts = 7; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; $(document).ready(function () {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 3, animation: 'fade', mousePause: false, height: 0, direction: 'up' });}); </script> <div id="sai"> <script src="http://www.YOURBLOG.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script> </div>
4) If you wish to change the amount of posts shown change var numposts = 7; to whatever number of posts you would like displayed.
5) Make sure you don't forget to replace www.YOURBLOG.com with the url of your blog.

Other Information:
- The thumbnails Display on the right
- The movement when the posts display changes is 'up'
- If no thumbnail is on the post it will display a NO IMAGE.
- If you are already using another feed display widget on your blog they may conflict and one may only show

If you have any problems I'll be sure to answer all your questions if you leave a comment below with an email or social network account and not as guest.

If you enjoyed this tutorial please leave us a like and or send out a tweet as it really helps us a lot.