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/>