Make a Recent Post With Marquee
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://recentshare.blogspot.in//feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>
Note:
* Replace http://recentshare.blogspot.in 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
Author : go-blogtips
.jpg)
, clicking Control Panel, clicking Appearance and Personalization, and then clicking Taskbar and Start Menu.
+R.
Are you looking to install a WordPress theme? As a beginner, you probably have heard about tons of available free and paid WordPress themes. As you’re starting out, you may want to try out a few themes on your site until you find the right one that meet your needs. In this beginner’s guide, we will provide you with detailed step by step instructions on how to install a WordPress theme for beginners. We will cover three different ways to install a WordPress theme.
