Skip to main content

Create Topic List by Label in Blog Post in Blogger

Thanks a bunch to Alan Levine aka CogDogBlog for developing Feed2JS & to Brian Teller for keeping it alive.

When user clicks on a label, blogger lists the posts matching the label along with partial post content. When there are more posts, this type of navigation is not very user friendly as just showing the post titles as a list.

One way to do this is, create this type of list manually. But this is time consuming and difficult to maintain in the long term. There is an easier way of doing this automatically using feeds :-)

Using the tool Feed2JS, we can generate a script from a feed URL, which can then be used in a HTML/Javascript widget or in a Page or a Post.

Step 1: Go to Feed2JS



Step 2: Enter your feed URL in the URL field. Your blogger feed URL would be of the format:
BlogURL.com/feeds/posts/default/-/LABELNAME

Example, for this site, the feed URL for getting the list of Posts for the Label "Blogger" is
http://wiki.pigenie.com/feeds/posts/default/-/Blogger

An example of this functionality in action is the below post:
https://wiki.pigenie.com/2019/10/blogger-articles.html

Step 3: Click on "Preview Feed" to check whether its working as expected.


Step 4: Click on Generate Script.



Step 5: Create a new blog post and switch to "HTML" view. Copy paste the above code and Publish the Post.

Step 6: The post would now look like below.

You can now link to the above post from your navigation bar.

Useful Links

  1. Using Custom Style
  2. Feed2JS GitHub Source Code

Comments

  1. I'm really glad to see this is working! I've been trying a few changes under the hood on the site and had hoped I did not mess anything up.

    ReplyDelete

Post a Comment