As condicionais do Blogger: ocultar e exibir só aquilo que você desejar

Uma das coisas que eu mais gosto no Blogger são as suas condicionais. Elas permitem personalizar e controlar muitas coisas em nossos blogs!
Não sabe o que é e nem para o que servem?
Vou explicar:

O que são e o que fazem as condicionais do Blogger?

As condicionais do Blogger permitem que a gente controle a exibição de elementos de página.
Por exemplo, vamos supor que eu não quisesse que as postagens relacionadas que estão ao final dos meus posts aparecessem na página inicial do blog, mas somente nas páginas internas dos posts.
Com a condicional que exibe apenas nas páginas internas eu consigo isso.

Outro exemplo:
Suponha que eu tenha um slide em meu blog e não queira que ele apareça nas páginas estáticas e nem nas páginas internas dos posts, somente na Home. Com a condicional certa eu consigo isso.

Quais são as condicionais do Blogger?

Separei as principais, tá?
Tem outras, mas hoje vou focar nas mais usadas.
Vou separar por função, pra ficar mais simples.

Você pode copiar todos os códigos clicando no botão abaixo:



Copiar os códigos

Como aplicar essas condicionais?

Agora vou ensinar como inserir as condicionais em seu template.
Requer paciência e conhecimento ao menos básico em HTML, mas não é impossível de fazer, com dedicação a gente consegue quase tudo!
Vou dar 2 exemplos, preste atenção.

Exemplo 1:
Suponhamos que você tenha em seu blog um slide (mas pode ser qualquer elemento de página inserido via Layout) e queira que ele apareça apenas na página inicial do blog.
Faça assim:

Antes de mais nada descubra qual a ID do elemento de página que deseja aplicar a condicional. No meu exemplo vou aplicar a condicional que mostra o elemento apenas na home do blog.
Vá ao seu gadget e  clique para edita-lo; no alto da caixa com o código do gadget veja qual seu ID.
Assim, usando meu slide slide da loja como exemplo:

Cada gadget/widget possui um ID, ok?

Agora, sabendo qual o ID do seu gadget ao qual será aplicada a condicional vá ao painel do seu blog, clique na aba Modelo, clique em Editar HTML, e localize seu widget.
Assim:

Ao clicar na setinha expandem os widgets, clique naquele que deseja achar; ao fazer isso você será levado direto ao que procura.
Será um código mais ou menos assim (claro que com o ID de seu widget):

 <b:widget id='HTML2' locked='false' title='' type='HTML'>
  <b:includable id='main'><!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
        </b:widget>

Não se assuste, o importante é saber que cada widget começa com <b:widget e termina com </b:widget>, conforme marquei em azul.

Aplicando a condicional

Preste atenção ao trecho que marquei em pink. A condicional que você vai aplicar deve ser colocada após esse trecho.
Assim:
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>

Se for preciso abra um espaço e cole a condicional.
Agora essa condicional precisa ser fechada.
Veja o trecho que marquei em laranja.
Após esse trecho cole a tag de fechamento </b:if>
Fica assim:
<b:include name='quickedit'/></b:if>

Então o código do widget, completo, com a condicional que faz o slide ser exibido somente na página inicial fica assim:

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/></b:if>
</b:includable>
        </b:widget>



Exemplo 2:
Aqui vamos supor que o elemento ao qual você deseja aplicar a condicional tenha sido inserido direto no código fonte.

Neste segundo exemplo vamos supor que você tenha em seu blog os posts relacionados e queira que eles apareçam apenas nas páginas internas dos posts.Se for do tipo Linkwithin siga o mesmo procedimento que expliquei acima.
Contudo, se for um código inserido direto no template, como é o caso das Postagens relacionadas sem precisar do Linkwithin que ensinei aqui no blog proceda da seguinte maneira:

Localize o código que faz o script aparecer, no caso do meu tutorial é o 3º código.
Antes do começo do código aplique a condicional escolhida, no caso é aquela que exibe o elemento apenas nas páginas internas.
Ao final do código coloque a tag se fechamento </b:if>
Salve e veja se deu certo.
Caso não tenha dado releia o tutorial e refaça os passos.


Como eu disse esse tutorial requer paciência e um conhecimento ao menos básico em HTML, mas é simples e com dedicação todo mundo vai conseguir.
Guarde esse tutorial em seus favoritos, acredite: cedo ou tarde você vai precisar...

Você pode copiar todos esses códigos clicando no botão abaixo:

Copiar os códigos