17 Jan 2015

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.

You should also read this.

Show all post as list of a label to Blogger
4/ 5
Oleh

Subscribe via email

Share the post above? Please subscribe to the latest information updates directly via email.

10 comments

Tulis comments
avatar
Wednesday, March 22, 2017

thanks :) !!! it helped me ..........

Reply
avatar
Saturday, July 08, 2017

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?

Reply
avatar
Saturday, July 08, 2017

Again copy the fresh code from this page. Make sure, try to save the page in "Edit HTML" mode. Check this...https://4.bp.blogspot.com/-21CsMOstG8Y/WWDiUMwRr7I/AAAAAAAADSc/FxYUraago3gGUuEazfoYegEGdtXlVcpxwCLcBGAs/s1600/Untitled.png

Reply
avatar
Tuesday, July 18, 2017

This worked great. Thank you.

Is there an extra bit that can be added to generate the post date next to the title?

Reply
avatar
Tuesday, October 03, 2017

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?

Reply
avatar
Tuesday, October 03, 2017

You can manually create other page split page list 10-10 or according to your numbers of posts which you want to show.

Reply
avatar
Tuesday, October 03, 2017

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)?

Reply
avatar
Wednesday, October 04, 2017

Sorry! You are asking like WordPress function. It is not possible on Blogger. There are lots of limitation in Blogger. You should go with manually by copying and pasting.

Reply

Please note before commenting on this page.
1. Don't comment as for advertisement purpose.
2. Don't hyperlink your website inside comment box.
3. Abuses are strictly prohibited.
4. If necessary, you can post the only URL without any text hyperlink.