transitCode-keRangka v1

transitCode-keRangka v1, model pertama dalam bermain loop untuk menampilankan halaman index, homepage, item dan static page

<b:includable id='3-kR-article' var='article'>

<b:include cond='data:blog.url == data:blog.homepageUrl and data:blog.pageType not in {"item","static_page"}' data='post' name='post_homePage'/>


<b:include cond='data:blog.url != data:blog.homepageUrl and data:blog.pageType not in {"item","static_page"}' data='post' name='post_index'/>


<b:include cond='data:blog.pageType in {"item"}' data='post' name='post_item'/>


<b:include cond='data:blog.pageType in {"static_page"}' data='post' name='post_static_page'/>


</b:includable>

        <b:includable id='3-kR-article' var='article'>
          <div class='col-sm-8 blog-main' itemprop='mainEntityOfPage' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
            <b:include name='status-message'/>
            <b:include cond='data:blog.url == data:blog.homepageUrl and data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}' data='post' name='post_homePage'/>
            <!-- /.homepage-->
            <b:include cond='data:blog.url != data:blog.homepageUrl and data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}' data='post' name='post_index'/>
            <!-- /.index -->
            <b:include cond='data:blog.pageType in {&quot;item&quot;}' data='post' name='post_item'/>
            <!-- /.posts page -->
            <b:include cond='data:blog.pageType in {&quot;static_page&quot;}' data='post' name='post_static_page'/>
            <!-- /.static page -->
            <b:include name='nextprev'/>
            <!-- /.navigation -->
            <b:include name='feedLinks'/>
            <!-- /.feed links -->
          </div>
        </b:includable>

Setelah tahap di atas, selanjutnya membuat <b:includable untuk loop-nya >

        <b:includable id='post_homePage' var='top'>
          <main class='hfeed'>
            <b:loop values='data:posts' var='post'>
              <b:include data='post' name='post_index-post'/>
            </b:loop>
          </main>
          <!-- /.blog-post -->
        </b:includable>
        <b:includable id='post_index' var='top'></b:includable>
        <b:includable id='post_item' var='top'></b:includable>
        <b:includable id='post_static_page' var='top'></b:includable>

Selanjutnya membuat <b:includable untuk tampilan post >, dibawah ini contoh untuk halaman index

        <b:includable id='post_index-post' var='post'>
          <div class='blog-post'>
            <b:if cond='data:post.firstImageUrl'>
              &lt;div style=&#39;min-height: 255px;&#39; class=&#39;list-group-item&#39;&gt;
              <b:else/>
              &lt;div class=&#39;list-group-item&#39;&gt;
            </b:if>
            <h2 class='blog-post-title entry-title' itemprop='name'>
              <a expr:href='data:post.url'>
                <data:post.title/>
              </a>
            </h2>
            <p class='blog-post-meta entry-meta'>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                      <abbr class='entry-time published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                        <span class='updated'>
                          <data:post.timestamp/>
                        </span>
                      </abbr>
                    </a>
                  </b:if>
                </b:if>
              </span>
              <b:if cond='data:top.showAuthor'>
                <data:top.authorLabel/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='entry-author fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='entry-author-link g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                      <span itemprop='name'>
                        <data:post.author/>
                      </span>
                    </a>
                  </span>
                  <b:else/>
                  <span class='entry-author fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <span itemprop='name'>
                      <data:post.author/>
                    </span>
                  </span>
                </b:if>
              </b:if>
            </p>
            <div class='post-body'>
              <b:if cond='data:post.firstImageUrl'>
                <img class='img-rounded pull-xs-left' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' style='max-height: 75px; margin-right: 15px;'/>
              </b:if>
              <b:if cond='data:post.snippet'>
                <p>
                  <data:post.snippet/>
                </p>
              </b:if>
              <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
            </div>
            &lt;/div&gt;
          </div>
        </b:includable>

contoh nya dapat dilihat di, Las Vegas Hotel Suites.