Blog Tutorial - Random Post With Motion Effect

A few minutes ago i've just published two articles about Blogger Blog Tutorial: Adding Nudging Effect To Image And Links and Adding Clock Widget To Blogger Blog. Now i'd like to publish again a new post and still related to Blog Tutorial of course, Random Post With Motion Effect. Previously i have also published an article about this widget, Normal Random Post. As you can see, random post is a fairly good widget that will boost your pageviews and digs out your old or buried articles to then show 'em on your page. Pay attention on the guidance below to add the widget to your blog.

1. Login to your blogger.
2. Go to your Design tab.
3. Add a new "HTML/javascript" widget.
4. Copy and paste the code below in the box available.

Yahoo Pipe Script
<script type="text/javascript"> function getYpipeTL(feed) { document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">'); var i; for (i = 1; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title + "</a> | "; var pComment = " \(" + feed.value.items[i].commentcount + " comments\)"; var pList = "</a>" + "<a href="+ href + '">' + pTitle; document.write(pList); document.write (pComment); document.write('</a></li>'); } document.write('</marquee>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?YourBlogUrl=http://Your-Blog.com&amp;Order=alphabet&amp;_id=401e43055731c1a29f1e1d3eb5e8e13f&amp;_callback=getYpipeTL&amp;_render=json" type="text/javascript"> </script>

Script in the box above looks like the below.

<script type="text/javascript">
function getYpipeTL(feed) { document.write('<marquee onmouseover="this.stop()"
onmouseout="this.start()"
scrollamount="1">'); var i; for (i = 1; i < feed.count ; i++)
{ var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title + "</a> | "; var pComment = " \(" + feed.value.items[i].commentcount + " comments\)"; var pList = "</a>" + "<a href="+ href + '">' + pTitle; document.write(pList); document.write (pComment); document.write('</a></li>');
}
document.write('</marquee>'); }
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?YourBlogUrl=http://Your-Blog.com&amp;Order=alphabet&amp;_id=401e43055731c1a29f1e1d3eb5e8e13f&amp;_callback=getYpipeTL&amp;_render=json" type="text/javascript">
</script>

Here you have to replace the line red colored (http://Your-Blog.com) with your own blog url, and you're done.