Ocultar Elementos em Páginas Específicas no Blogger

Bom pessoal, já que estamos hospedados no Blogger, nada mais correto que também falemos dele aqui.

Ocultar ou mostrar elementos do seu template apenas em determinadas páginas é algo útil e eu diria que até mesmo importante para o seu blog. Mas porque isso é importante? Suponhamos que você instalou no seu template um widget qualquer e quer que ele apareça apenas em determinada página. com a Home por exemplo. Caso você não proceda como vamos ver abaixo, o seu widget vai aparecer em todas as páginas do blog, o que não é interessante, certo?

Dica boba: Antes de começar, salve uma cópia do seu template, para caso dê algo errado, você consiga restaurá-lo.

Abra o painel do seu blog e vá em Modelo > Editar HTML. Vamos partir da premissa que você um conhecimento mínimo de HTML. No nosso exemplo acima, instalamos um widget qualquer e agora vamos configurar onde ele vai aparecer. Primeiro vamos ao código do widget...

<div id="widget">
    Código do Widget
</div>

Agora, vamos adicionar a tag condicional do Blogger que definirá onde o widget aparecerá.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="widget">
    Código do Widget
</div>
</b:if>

No exemplo acima o nosso widget qualquer aparecerá apenas na Home do blog. É importante frisar que você deve colocar a condicional <b:if> imediatamente antes da tag que abre o widget, que no nosso caso é <div id="widget"> e fechar a condicional imediatamente depois do elemento que quer condicionar, caso tenha mais código antes do fechamento, também será incluído na condicional.

Abaixo uma listagem de outras condicionais que você poderá utilizar.

Função OCULTAR
Ocultar elemento APENAS na página inicial

<b:if cond="data:blog.homepageUrl != data:blog.url"> </b:if>

Ocultar elemento APENAS nas páginas internas (páginas de postagens, como esta)

<b:if cond="data:blog.pageType != "item""> </b:if>

Ocultar elemento APENAS na página inicial, de marcadores e arquivo

<b:if cond="data:blog.pageType == "item""> </b:if>

Ocultar elemento APENAS nas páginas estáticas

<b:if cond="data:blog.pageType "= "static_page""> </b:if>

Função EXIBIR/MOSTRAR
Mostrar elemento APENAS na página incial

<b:if cond="data:blog.url == data:blog.homepageUrl"> </b:if>

Mostrar elemento APENAS nas páginas internas (páginas de postagens, como esta)

<b:if cond="data:blog.pageType == "item""> </b:if>

Mostrar elemento APENAS na página inicial, de marcadores e arquivo

<b:if cond="data:blog.pageType != "item""> </b:if>

Mostrar elemento APENAS em post específico

<b:if cond="data:blog.url == "URL-DO-POST""> </b:if>

Mostrar elemento APENAS em página de arquivos

<b:if cond="data:blog.pageType == "archive""> </b:if>

Essas são as condicionais aceitas pelo Blogger em seu templates. Eu aconselho a criar, caso já não tenham, um blog de testes para fazer as modificações e depois de prontas e agradáveis, passar ao template do blog principal.

Até a próxima.