Sunday, March 6, 2016

How to create list of all posts in blogger?

Here we are creating list of all posts.We can create this list of post in post, page or widget area.
For create list of posts write below code in your place.

<div><ul id="postsListId"></ul>
<script type="text/javascript">
var startIndex = 1;
var maxResults = 100;
function postslist() {
     var scpt = document.createElement("script");
     scpt.src ="/feeds/posts/summary?alt=json&callback=createpostslist&start-
     index=" + startIndex + "&max-results=" + maxResults;
     document.body.appendChild(scpt);
}
function createpostslist(root) {
     var elmt = document.getElementById("postsListId");
     if (!elmt)
        return;
     var feed = root.feed;
     if (feed.entry.length > 0){
         for (var i = 0; i < 5; i++) {
             var entry = feed.entry[i];
             var title = entry.title.$t;
             for (var j = 0; j < entry.link.length; j++) {
                 if (entry.link[j].rel == "alternate") {
                     var url = entry.link[j].href;
                     if (url && url.length > 0 && title && title.length > 0){
var liE = document.createElement("li");              
var a1E = document.createElement("a");
a1E.href = url;
a1E.textContent = title;
liE.appendChild(a1E);
elmt.appendChild(liE);
                     }
                     break;
                 }
              }
          }
     if (feed.entry.length >= maxResults) {
        startIndex += maxResults;
        postslist();
     }
      }
}
postslist();
</script>

2 comments: