Pages

How To Make a Recent Post With Marquee


Hi dear blogger how are you? i am also fine at this Time.today i share a Little Tricks About How To Make a Recent Post With Marquee.that widget is vary nice and i also sure this widget make your blog sidebar+Total blog is very smart.but How add It? It;s very easy.not knowing HTML or any Script language ! Just Go To your Blog admin panel and flow step below.
1. Go To blogger blog

2. Log in your blogger Dashboard (Use your Blogger Email and password )
3. Now Go Layout Option
4. Click Add Widget and wait Some Time
5. Select HTML/java
6. Now Copy Script Language Bleow
7. Pest this code your HTML/Java Box
8. Now Click Save and preview Your Blog !

:-Recent Post With Marquee  Script Code:-

<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://techjournalusa.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>

 Note For How To Make a Recent Post With Marquee Widget:

  * Replace http://techjournalusa.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.

No comments:

Post a Comment