Specific Marking For a Label On The Tag post Using Conditional Tag (Lambda Expression)

Demo of the 'Lambda Expression Effect'

As we know, with the latest updates by the Blogger, blogging activity is becoming more interesting. And the new feature ‘Lambda Expression’ is saving us from writing huge code by adding this feature to the templating language which works with conditional tags.

In this tutorial I will show you how to implement this feature to the advance level, by adding the marking to the post on the Index page (blog feed page) as a label by using conditional tag.

Here we can add text, image or any icons as a label. I will use fontawesome icons as shown below.

Not only for a single label, can use this markings (lambda expressions) for as many labels as we want to the specific labels. If we assign a marking (lamda expression/icons) to a specific label once, then we can apply this label to as many posts as we want.

Step 1:

Copy the below code and paste it before the closing head tag ( </head> ) in the template editor. i.e
Blogger>Template>Edit Html

The code in the above 8,12,16,20 and 26th lines can be changed according to your requirements.

Step:2
After that copy the below code caller.


After copying this, find the below code in the template editor, and insert the above code in between the below provided code opening and closing tags.



Or the code can also be inserted between the below opening and closing tags.



Step:3
To get a more attractive look, we can add our own CSS as following.



The code here works as a marking label for a particular post. It automatically brings up the icon as shown in the below provided demo link.
Demo: http://bit.ly/2cnt1pP

Okay friends, if have any doubts regarding this post, please comment your question below. And if you tried this on your blog, provide a link in the comment section to your work.
If you like this, feel free to share on your social profiles, and subscribe to my blog by entering your e-mail id below to get  my latest updates.