Make Recent Post With Picture Slider in Blog

Make Recent Post With Picture Slider in Blog | Today, i will share you one cool blog widget. That is Make Recent Post With Picture Slider Blog. This Widget is very light loading. So, your blog weight is safe. For live demo, you can see this.

Interesting? See the steps below.

First, Open Design => Add Gadget => HTML/JavaScript
Don't forget to login to your account :LOL:

Then, copy code below.

<center><style type="text/css">
#rp_plus_img{height:190px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 10;
var numchars = 0;
</script> <script src="http://your-site.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Change the red with number of post you want to show.
Change the blue with your site URL.
If the height is not 'balance' with your site, change the orange.

Hopefully, this post, Make Recent Post With Picture Slider in Blog is useful for you to repair your blog to be better. :)