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

Popular posts from this blog

Quick Start Guide to Setting up Tortoise SVN Client with File Lock Property

This article contains below sections:
Download and Install TortoiseSVNAdditional Steps to Configure Lock Mode for Binary Files Procedure for Setting Lock Property for Existing Files in SVNDownload and Install TortoiseSVNDownload Tortoise SVN Client. Choose the 32-bit or 64-bit version of TortoiseSVN based on your system's bitness. Follow the onscreen instructions for installing the TortoiseSVN Client.
Configure Lock Mode for New Binary Files Kindly note that the below steps would be applicable only for  new files that are submitted from that particular client system. For any files that are already present, a separate one time procedure needs to be followed, which is explained in the next section.

Kindly note that the below steps needs to be done in every client system, where you would be submitting files to SVN.

1. Right click on any folder in Windows Explorer and go to TortoiseSVN -> Settings as shown in image below.

2. Click on the "Edit" button for the subversion c…

Quick Links | Blogger Customization

This is a collection of useful links related to blogger customization.
Navigation Menu  A navigation menu is required to provide an easy way for the users to navigate to different set of topics in a professional way.

Below are some of the Navigation Plugins that you can use, in the order of my personal preference:
CSS3 Drop Down MenuMulti Level Horizontal Tabs - MyBloggerTricksDifferent Styles of Simple Drop Down Menus Short Codes Short codes are like macros which enables us to add/format content in a simple & easy way, instead of repeating the entire code each time, the same functionality is required.
Blogger Short Code Plugin by MyBloggerTricks Download Link and Installation Guide  |  Demo

The list of supported Short Codes with its demo page:
Accordian Table of Contents  Adding Table of Contents to a post provides easy navigation of different sections in the post as well as provides a bird's eye view of different sections in the post.

Below list some plugins/ways to add Table…