Make Recent Post With Picture Slider in Blog

6Comment

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.

Make Recent Post With Picture Slider Blog

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. :)
Description: Make Recent Post With Picture Slider in Blog
Rating: 5
Reviewer: FarZ
Item Reviewed: Make Recent Post With Picture Slider in Blog


Title : Make Recent Post With Picture Slider in Blog.
Original URL : https://farzc.blogspot.com/2012/04/make-recent-post-with-picture-slider.html
Label :

You can share this article: Make Recent Post With Picture Slider in Blog but do not forget to put the source link of Make Recent Post With Picture Slider in Blog.


Enter your email address to get updates from this blog:


Share this article :

+ Comment + 6 Comment

April 12, 2012 at 9:38 PM

Wah ini nih yang ane cari soalnya yang ane bisa cuma tanpa gambar doang he

April 12, 2012 at 9:59 PM

ajib kawan thanks ea.....

April 13, 2012 at 6:11 AM

@O-cez

Haha . . .
Ane dikasih teman nih scriptnya

April 14, 2012 at 4:03 PM

salah satu scrupt ini kyanya dah pernah ane pasang kawand tapi ane hapus.. :)

April 14, 2012 at 8:25 PM

@Indo Galau
Hehe . . .
kalau begitu, ane share aja disini :D

April 21, 2012 at 3:19 PM

@Farhad Zamani opoae had

Post a Comment

Please do not SPAM or commented by stating the link
If you cannot comment in English, use Indonesian :))

 
Copyright © 2011. FarZ Collection - All Rights Reserved
Proudly powered by Blogger