How To Add J-Query Latest Post Widget For Blogger?

This Widget Is Originally Provided By www.stylifyyourblog.com Use this widget because it remain engaged your visitor in your blog to read more hottest post,When visitor enter your blog on old post then they see latest post through widget an animation keep his mind relax then he open every new of your article of increase yourviews.So just add this widget on your blog now...

ScreenShoot

Features:
1.) It Will Remain In Motion From Bottom To Top Or Top To Bottom.
2.) Stylish And Awesome Design.
3.) Easily Embed With Blogger Template.

4.) Full Customizable For Professional.


How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

<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.4.2/jquery.min.js"></script>

<script style='text/javascript' src="http://stylifyyourblog1.googlecode.com/svn/trunk/recentpostticker.js" ></script>

<script style='text/javascript' src='http://tavristasos.googlecode.com/svn-history/r100/trunk/recentpostswiththumbnailsv3.js'></script>

<script style='text/javascript'>

var numposts = 10;

var showpostthumbnails = true;

var displaymore = true;

var displayseparator = true;

var showcommentnum = true;

var showpostdate = true;

var showpostsummary = true;

var numchars = 100;

$(document).ready(function () {$('#sai').vTicker({

speed: 500,

pause: 3000,

showItems: 5,

animation: 'fade',
mousePause: true,

height: 0,

direction: 'up'

});});

</script>

<div id="sai">

<script src='http://www.YourBlogURL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

</div>

Customization:
1.) Change RED URL With Your Blog URL.
2.) If You Are Professional You Can Edit All RED Text Easily According To Your Desire.
3.) If You Are Niche And Still Want More Customization Feel Free To Ask. me at     FACEBOOK        OR       TWITTER