Jan 10, 2014

How to Make Recent post

To overcome or manipulate the thoughts that were negative because the weather is quite hot during the day, ah let's make a post about how to create a widget that can display recent post run / move automatically to-bottom or a more familiar term to spy.
Functions, benefits or usefulness if we put recent post widget that is so that visitors can see the latest posts on our blog without having to go home.
And most importantly can increase pageviews and beautify the look of the blog.

For those interested please take a look and see her tutorial.

1.Go to the dashboard
2.Select layout
3.Add gadgets in the sidebar
4.Click + posts next to HTML / JavaScript
5.Copy code below and paste it in the content box

<style type="text/css">
#rp_plus_img{height:600px;overflow:hidden;border:solid 1px #585858;padding:1px 5px 14px 1px;background-color:none;width:215px;}
#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:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#33FF00;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#FEFEFE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js" type="text/javascript"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<br />
<ul id="rp_plus_img">
<script>
var numposts = 50;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul>
</div>

6. Save 

No comments:

Post a Comment