Make a Recent Post With Marquee

H

i my friends ... how are you?
This time as usual I will share a bit of science related to beautifying blogger script, which I will share the trick this time is the latest trick show our posting on blogger or referred to the last post.

Recent post I shared this time showing the new post with effect marquee or walk. Effect of recent posts will display our latest article we write on a regular basis.

How very easy installation, so it will not complicate beginner blogger like me, because simply add the widget and copy and paste the HTML code. Here is how to put it in order to appear on the blog friends blogger.

1. Make sure you are in a state log in at blogger.com

2. On the dashboard page, click Design

3. please click on the page layout design

4. Then add the widget

5. Choose HTML / JavaScript

6. Copy and paste the following script

 <style type="text/css">
ul { list-style-image: url(http://img375.imageshack.us/img375/2936/flower.png) }
ul a{text-decoration:none;}
ul a:hover {background:#66FF00; text-decoration:none; color: red;"}
</style>
<marquee behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://go-blogtips.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>

7. Save

Note:
* Replace http://go-blogtips.blogspot.com with your blog address private.
* 15 Change in number of posts you want displayed
* 100 is the analysis of the existing post on a blog, which will be analyzed by scripts to select the posts that have the latest posting dates
* var showpostdate Change to true if you want to show the date of posting.
* var showpostsummary Change to true if you want to display a summary of the beginning paragraphs of your post