Condicionais no Blogger–Parte 01–Ocultando Elementos em Páginas Específicas

CLASSIFICAÇÃO DO TUTORIAL
 AVANÇADO

Tags Condicionais

Todo Metablogger que se preze tem que ter pelo menos um artigo ensinando como Ocultar Elementos nas páginas do Blogger e como Exibir Elementos em páginas específicas no Blogger.

Demorei muito tempo para escrever sobre este assunto, mas resolvi que não deveria mais adiar. Vou dividí-lo em 2 artigos: 1 que ensina a Ocultar elementos e 1 que ensina a Exibir elementos.
Aplico estes recursos o tempo todo nos meus blogs e irá ficar mais fácil eu consultar um tutorial meu do que ficar sempre procurando no google quando quero utilizá-los.

Vocês já devem ter percebido que ao ler este artigo as colunas do lado esquerdo aqui do TPV sumiram dando espaço exclusivamente ao conteúdo do artigo.

Achei interessante fazer isso, porque o TPV é um blog didático e fica mais fácil o entendimento quando não temos outras coisas na tela nos atrapalhando de aprender o que queremos. Muitos dos tutoriais aqui ensinados necessitam de bastante atenção ao ler para serem aplicados.

Ah, mas pode te atrapalhar na monetização. Nas colunas laterais tem links que o leitor pode se interessar.
Não tem problema, podemos colocar anúncios Apenas nas páginas dos posts- Objetivo deste artigo- e, no final dos posts também temos links de Posts Relacionados.
Então vamos lá:

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 ocultar.

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 ocultar.

3º – Onde colocar o Código para Ocultar 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 Ocultar o Gadget]

- código fonte do Widget -

</b:if>

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

Note que você deve colocar o [código específico para Ocultar 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 Ocultar os Gadgets nas Páginas Específicas

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

Ocultar nas Páginas de Postagens

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

Ocultar na Página Inicial

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

Ocultar em uma Postagem Específica:

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

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

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

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

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

Ocultar nas páginas de arquivo:

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

Ocultar na página de marcadores, postagens e arquivo:

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

Ocultar nas Páginas Estáticas

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

Exemplo:
» Quero ocultar 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.

Observação Importante

Acima ensinei a ocultar apenas um elemento de página por vez, mas se você quiser ocultar uma coluna toda (sidebar) como fiz aqui no TPV, é muito mais simples.
Você deve ir em Modelo » Editar HTML » NÃO precisa marcar a caixinha Expandir modelos de widgets

Identifique a coluna que deseja ocultar e coloque o  [código específico para Ocultar o Gadget] antes do código da coluna e feche com </b:if> no final.
Veja a imagem: