How to Add Sliding Post widget on Blogspot

Add sliding post widget on blogspot - Sliding post widget - Hi and welcome to "Internet Tips and Trick blogspot". I'll try to share tips to beautify your blog which managed by you. By making your blog pretty sight, so the visitors will also feel at home living in your blog. It also makes visitors want to see another post on your website.

Immediately, we see how to create a sliding post widget in blogspot :

• First, login to Blogger.
• Second, go into the dashboard → Design → Page Elements.
• Then click "add a gadget" and select the HTML / javascript.
• Then copy and paste the code below :

<style type="text/css"><br>#rp_plus_img{height:425px;overflow:hidden;border:solid 0px #585858;padding:6px 12px 14px 5px;background-color:none;}<br>#rp_plus_img ul{list,style-type:none;margin:0;padding:0}<br>#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}<br>#rp_plus_img li{height:95px;padding:5px;list-style:none;}<br>#rp_plus_img a{color:#000;}<br>#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}<br>#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}<br>#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}<br></style><br><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br><script type="text/javascript" src="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script><br><script type="text/javascript"><br>var speed = 275;<br>var pause = 2500;<br>$(document).ready(function(){<br>rpnewsticker();<br>interval = setInterval(rpnewsticker, pause);<br>});<br></script><br><ul id="rp_plus_img"><br><script style="text/javascript"><br>var numposts = 50;<br>var numchars = 75;<br></script><br><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script><br></ul>

• And then click SAVE and place the widget on your sidebar or somewhere you want.
• You've already ehance your blog with sliding post randomly. Congratulations.

And then you should edit the code to set the display widget, because each template has different size on sidebar. You have to adjust it for good looking. You can edit only on highlighted script in the following code :

(Use common sense to edit these code, avoid to broke the form)

#rp_plus_img{height:425px;overflow:hidden;border:solid 0px #585858;padding:6px 12px 14px 5px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:95px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
var speed = 275;
var pause = 2500;
var numposts = 50;
var numchars = 75;

For result, you can view the link below, it's direct you to one of blog that use this methods. Look in right sidebar, it's written there "sliding post" widget.

PREVIEW CLICK HERE

I think enough. Please add a comment below for your feedback. Hopefully useful.

http://thousand-tips.blogspot.com