使用Blogger的布局标签重新排列帖子

时间:2015-01-20 23:26:36

标签: html blogger

以下是博客:http://testingfaraway.blogspot.co.uk/

我的目的是简单地重新排列博客上列出的第一篇帖子的显示方式,将帖子标题放在顶部而不是帖子图片上。之前和之后的例子:

http://i.imgur.com/0xr8Tft.png

但是我很难通过Blogger的布局标签了解如何实现这一点,这里是代码:

<b:includable id='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.title'>
        <h1 class='post_entry_title'>
            <b:if cond='data:post.link'>
                <a expr:href='data:post.link'>
                    <data:post.title/>
                </a>
                <b:else/>
                <b:if cond='data:post.url'>
                    <b:if cond='data:blog.url != data:post.url'>
                        <a expr:href='data:post.url'>
                            <data:post.title/>
                        </a>
                        <b:else/>
                        <data:post.title/>
                    </b:if>
                    <b:else/>
                    <data:post.title/>
                </b:if>
            </b:if>
        </h1>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:if cond='data:post.title'>
            <h2 class='post-title entry-title'>
                <b:if cond='data:post.link'>
                    <a expr:href='data:post.link'>
                        <data:post.title/>
                    </a>
                    <b:else/>
                    <b:if cond='data:post.url'>
                        <b:if cond='data:blog.url != data:post.url'>
                            <a expr:href='data:post.url'>
                                <data:post.title/>
                            </a>
                            <b:else/>
                            <data:post.title/>
                        </b:if>
                        <b:else/>
                        <data:post.title/>
                    </b:if>
                </b:if>
            </h2>
        </b:if>
    </b:if>
</b:if>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;p&quot; + data:post.id'>
    <data:post.body/>
</div>

1 个答案:

答案 0 :(得分:0)

Blogger中有一个实际的firstpost条件标记,可以解决您的问题。

<b:if cond='data:post.isFirstPost'>
  <!-- first post markup -->
<b:else/>
  <!-- if not first post markup -->
</b:if>