Condicionais no Blogger–Parte 02–Exibindo Elementos em Páginas Específicas

CLASSIFICAÇÃO DO TUTORIAL
AVANÇADO

Tags Condicionais

No artigo anterior ensinei Como Ocultar Elementos em Páginas Específicas.
Este artigo é basicamente a mesma coisa, somente muda o código que define que a exibição ou não do gadget/widget.
Achei mais fácil separar os artigos para que não ficasse muito longo e para o leitor ter a chance de entender melhor sem se confundir em um artigo só.

Então vamos lá:

Se você já leu o artigo anterior pode pular os 1º, 2º e 3º passos e ir direto ao 4º passo para aplicar os códigos para Exibir os elementos em páginas específicas em seu blog.

1º – Acesse o Código Fonte do seu Blog

Vá em Modelo » Editar HTML

Não Se Esqueça: » Essas configurações demandam algum conhecimento em códigos HTML e CSS. Portanto: ♥ Sempre tente antes num blogue de testes. ♥ Salve o seu template antes de começar, clicando em: Fazer backup/Restaurar ♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

2º – Como encontrar o gadget/widget que você deseja exibir.

Utilize o Ctrl+F e procure pelo Título do gadget.
Se o gadget/widget não tiver Título identifique o gadget/widget clicando na sua página inicial em cima dele com o botão direito do mouse em Inspecionar elemento para o Chrome e Firefox.
Veja o exemplo abaixo ▼ para o Chrome:
  
No código fonte do seu blog você encontrará algo parecido esta linha do exemplo acima:

<b:widget id='PageList1' locked='false' title='Título' type='PageList'>

Mas pode ser um gadget tipo HTML sem título, então é importante que você saiba qual o número deste gadget no seu código. Ex:

<b:widget id='HTML1' locked='false' title='' type='HTML'>

Este é o HTML1. Você pode ter vários gadgets HTML no seu blog e cada um terá um número de acordo com a ordem em que são criados.

Não precisa ser um gadget tipo HTML. Este é apenas um exemplo e agora você já sabe como identificar o gadget que deseja exibir em apenas uma página específica.

3º – Onde colocar o Código para Exibir o Gadget

Este é o código do gadget expandido:

<b:widget id='HTML1' locked='false' title='Título' type='HTML'>
<b:includable id='main'>

[código específico para Exibir o Gadget]

- código fonte do Widget -

</b:if>

</b:includable>
</b:widget>

Note que você deve colocar o [código específico para Exibir o Gadget] no interior do b:widget, logo abaixo da linha <b:includable id='main'> e logo acima da linha </b:includable>

4º Comandos para Exibir os Gadgets nas Páginas Específicas

Substitua a linha [código específico para Exibir o Gadget] de acordo com a sua necessidade e mantenha o </b:if> acima da linha </b:includable>

Exibir apenas nas Páginas de Postagens

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

Exibir apenas na Página Inicial

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

Exibir somente em uma Postagem Específica:

<b:if cond='data:blog.url == "URL do post"'>

Exibir na página inicial, de marcadores e arquivo:

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

Exibir em uma página de marcador específica:

<b:if cond='data:blog.homepageUrl == “http://URL_do_Blog/search/label/Marcador”'>

Exibir nas páginas de arquivo:

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

Exibir na página de marcadores e postagens:

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

Exibir apenas nas páginas de marcadores:

<b:if cond='data:blog.homepageUrl != data:blog.url'>  
<b:if cond='data:blog.pageType != "item"'> 
→Não se esqueça de fechar as 2 tags com 2 </b:if> antes de </b:includable>

Exibir nas Páginas Estáticas

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

Exemplo:

» Quero exibir um gadget HTML apenas na Página Inicial do Blog.

Vou procurá-lo pelo Título ou pelo número (HTML1) e o código vai ficar assim:

<b:widget id='HTML1' locked='false' title='Título' type='HTML'>
<b:includable id='main'>

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

- código fonte do Widget -

</b:if>

</b:includable>
</b:widget>

♦ Clique em Visualizar para se certificar que está indo tudo certo.

♦ Clique em Salvar modelo.