Wednesday, 27 June 2012

How to put animated recent post widget

This tutorial is to teach you how to do recent post that will automatically show when you post a new article. This widget is animated.

1. Log in to your blog > Layout > add a gadget > HTML/Javascript.

2. Copy and paste this to your javascript.

<style type="text/css">
#rp_plus_img li {height:60px;padding:5px;list-style:none;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
interval = setInterval(rpnewsticker, pause);
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="" target="_blank">get this widget here</a></small>

3. Now save and preview.

4. Congratulation!

No comments:

Post a comment