How to Add Recent Posts Widget to Blogger



This tutorial is for you if you are using one of my template.1. To add recent posts widget for your blogger blog, first go to "Layout" of your blog.

2. Click on "Add a Gadget" link from sidebar section or other where you want to display recent post widget.

3. Select "HTML/JavaScript" widget.

4. Now enter below code into that "HTML/JavaScript" widget.
<script>var numposts =5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

Note: Remember to replace "http://YOURBLOGNAME.blogspot.com/" with your blog address or any blogger blog address.

Also you can change these values:

How many posts should be included in recent posts widget? Default is 5.
numposts =5;

Posted date should be displayed or not? true or false.
showpostdate = false;

Post summary should be displayed or not? true or false.
showpostsummary = false;

How many characters should be displayed in post summary? Default is 100.
numchars = 100;

Recent Posts Widget Blogger

5. Click save and refresh your site. Now you can see recent posts widget is working on your site.

Recent Posts Widget

Still not showing recent posts? Then add below code just above </head> tag:
<script type='text/javascript'>
//<![CDATA[

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>













Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.




2 comments:

  1. obviously like your web site however you have to take a look at the spelling on quite a few of
    your posts. Several of them are rife with spelling problems and I in finding it very troublesome to tell the reality however I'll definitely come again again.

    ReplyDelete
  2. With private sector funding still scarce, it pays to understand the nature of the most professional and skillful in home
    repairs? You can choose a downtown maid service portland dwelling where they greet
    guests. Don't take the time of the largest and most
    common questions about the plans and carrying out a
    reasonable budget. You may think that a licensed general contractor is to recall, the
    transportation bill.

    ReplyDelete

 
Titulli i Blogut cha0s-KhC © 2016-2017. All Rights Reserved Seo123.ml seo123.ml
Top