Explicação E Exemplo Da Tag isFirstPost No Blogger

por gadarf em: Blogger

O comando isFirstPost do blogger é uma tag condicional. Sua função é basicamente a de detectar o primeiro post de um grupo. A aplicação prática vai depender unicamente da criatividade do editor. Aqui aprenderemos como ele funciona e também teremos como exemplo um hack que mostra o primeiro post de forma completa e os demais apenas o título.

A sintaxe em si é basicamente simples e seu funcionamento também. A primeira linha do exemplo abaixo <b:if cond="data:post.isFirstPost"> deve ser entendida como: Se for o primeiro post faça assim. A linha <b:else/> deve ser entendida como: Caso contrario faça assim. Se você imaginar os comandos entre essas duas linhas como blocos, o primeiro bloco irá definir o estilização do primeiro post, e o segundo bloco desenha os demais posts.

<b:if cond='data:post.isFirstPost'>
…bloco que desenha o primeiro post
<b:else/>
…bloco que desenha os demais posts
</b:if>

Vamos aplicar e entender o nosso exemplo prático. Crie um blog para teste e entre no painel do blog > design > editar html > expandir modelos de widget. Procure pela tag <b:include data='post' name='post'/>. Ela é responsável pela inserção do post de modo completo e padrão. Substitua-a pelo código abaixo.

<b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.isFirstPost'>
        <b:include data='post' name='post'/>
    <b:else/>
        <a expr:href='data:post.url'><data:post.title/></a>
    </b:if>
<b:else/>
    <b:include data='post' name='post'/>
</b:if>

Salve e veja como ficou. Feio pra caramba? Bom esse guia tem o propósito de ensinar como funciona, deixar bonito fica a seu cargo. Não entendeu nada ainda? Vamos explicar! Como você já pode ver no seu blog de teste, o primeiro post na home page aparece inteiro, enquanto nos demais é visualizado apenas o título. O código abaixo é o mesmo do de cima, os comentários em negrito irão explicar melhor o funcionamento.

“Se for a home page, marcadores e etc., escolha:
<b:if cond='data:blog.pageType != "item"'>
    "Se for o primeiro post insira o post completo
    <b:if cond='data:post.isFirstPost'>
        <b:include data='post' name='post'/>
    "Caso contrario insira somente o título
    <b:else/>
        <a expr:href='data:post.url'><data:post.title/></a>
    </b:if>
“Se for o post completo insira o post completo
<b:else/>
    <b:include data='post' name='post'/>
</b:if>

Esse é o principio de uso da tag isFirstPost e de como deixar a estética do primeiro post diferente das demais. Com um pouco de conhecimento em HTML da para fazer templates super bonitos como os exemplos abaixo. É isso.