Latest news, food, business, travel, sport, Tips and Tricks...

Blogger b:loop Tag

A loop is a sequence of instruction s that is continually repeated until a certain condition is reached. Typically, a certain process is done, such as getting an item of data and changing it, and then some condition is checked such as whether a counter has reached a prescribed number. In the Blogger Language , a loop is implemented using the tag <b:loop>. Most commonly used for printing out each post in a list of posts for a given page, or each comment, or each label, etc.

<b:loop> Syntax and Attributes

BLOGGER XML LANGUAGE

<b:loop index='STRING'        

        values='ARRAY'

        var='STRING'

        reverse='BOOLEAN'>

    <!-- Repeat -->

</b:loop>

  • values attribute value can be expression resulting an Array.
  • index with string value will give index number of each result starting from 0.
  • reverse mean to display result from backward.
  • reverse is not necessary. The default is not visible which mean 'false'.

<b:loop> Example

POST ARTICLE

<b:loop index='i' values='data:posts' var='post'>

  <div>

    <h3>

      <b:eval expr='data:i + 1' />. <data:post.title />

    </h3>

    <div>

      <data:post.body />

    </div>

  </div>

</b:loop>

<b:if> 

Index with the name i, transform into data: and got <b:eval> tag, will evaluate with expression expr:'data:i + 1'. This will evaluate starting value 0 + 1.

HTML RENDERED RESULT

1. This is Post Title

WITH STRING

<ul>

<b:loop values='["Bar","Baz","Qux"]' var='foo' >

    <li>

        <data:foo/>

    </li>

</b:loop>

</ul>

The data Bar, Baz, and Qux will be printed as result by calling <data:foo/>

Other Tag

,
//