Blogger Extended Its Support For New Expressions In Blogger Templates : Blogger Buzz

Blogger’s template engine is powered by a flexible editing language, consisting of a set of Widget Tags which use expressions to conditionally change the output HTML for each post and page on your blog.
Using these expressions, you can customize the HTML output of your blog, to adjust the look and feel. You could, for example, show an image behind the header, but only on the homepage. Or add a flower icon, next to a post’s title, if the post has the ‘Flower’ label.

You can customize your blog’s template under Settings > Template > Edit HTML.

You can customize your template as per your requirement to change the look and feel of your blog.

What are the previous expressions used in Blogger:

  •     Add or concatenate values with +
  •     Subtract values with
  •     Check for equality with != and ==
  •     Compare values with <, >, <= and >=

Now, support has been added for many more expression operators, including:

  •     Inversion of true/false values with !/not

    e.g. <b:if cond=‘!data:post.allowComments’>

  •     Picking between 2 values with ?:

    e.g. <a expr:class=‘data:post.allowComments ? “comments” : “no-comments”‘

  •     Checking if a value is a member of a set or array, with in/contains

    e.g. <b:if cond=‘data:blog.pageType in {“index”, “archive”}’>…

  •     Combining multiple conditions with and/or

    e.g. <b:if cond=‘data:blog.pageType == “index” and data:post.allowComments’>…

  •     Changing the order of operations with ()

    e.g. <div expr:style=‘”max-width: ” + (data:width + 10) + “px;”‘>…

Article written by:

Satyendra is a market researcher from the city of nawabs, Lucknow. Apart from blogging, his other interests are Indian rap knowledge, affiliate marketing, research, and basically anything nerdy.

Leave a Reply

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.

back to top