Show all post as list of a label to Blogger

Label posts in list to Blogger

Hello friends, this awesome trick of Blogger where you can show your posts of specific label as list form. To do this just copy this code and paste on page, post or sidebar of your Blog.
Snapshot of working code.
 Just replace the yellow color marked text from code.

Copy this code:

<script type=”text/javascript”>
var numposts = 100;
var standardstyling = true;

function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    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);
    if (standardstyling) document.write(‘<li>’);
    document.write(posttitle);}
    if (standardstyling) document.write(‘</li>’);
}
</script>
<ul>
<script src=”http://www.vikinspire.com/feeds/posts/default/-/Label?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
</ul>

Keywords: posts in list of label, show posts as list in Blogger, Show all post as list of a label to Blogger, Label posts as list form to Blogger, Blogger Tricks, Blogger tips, blogging methods, Blogger code, blogger script.

13 thoughts on “Show all post as list of a label to Blogger”

  1. I was so excited when I got this to work on my blog! I did it as a "Test" page first, and it was perfect. Then I deleted that page, and now I can't get it to work again. I've tried creating new pages, editing old ones, etc., and I just can't get it to work. Any ideas why?

  2. Thank you VISHAL JAISWAL for this great Widget.

    Bro. I have a blog with a lot of posts. Some of label with more then 300 posts. In this moment this widget showing all of the posts in a single page. It is not good for my visitor.

    So, do you can please tell me that how I can show number navigation system in my page?

  3. Do you can tell how to do it?

    From the second line of the code: var numposts = 100;

    I have changed the "100" number into "10" and tried to do it. But in second page it is showing same "10" posts.

    How I will show post like; (1st page = 1-10 posts and 2nd page = 11-20 post)?

  4. After pasting above code in "HTML" mode on post paste. Don't select "compose" tab on post dashboard. Means just paste code in HTML mode and replace all text according your blog. After that directly go to "Publish" mode. Make sure if select "compose mode" the code will be destroyed and it will not work. So, notice it.

  5. After pasting above code in "HTML" mode on post paste. Don't select "compose" tab on post dashboard. Means just paste code in HTML mode and replace all text according your blog. After that directly go to "Publish" mode. Make sure if select "compose mode" the code will be destroyed and it will not work. So, notice it. Because it little bit tricky.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.