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

<b:if> condicional
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
backup do template 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:
Identificando Gadgets   Identificando Gadgets1
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:

Condicionais no Blogger–Parte 01–Ocultando Elementos em Páginas Específicas Condicionais no Blogger–Parte 01–Ocultando Elementos em Páginas Específicas Reviewed by Aurea on 3/03/2013 Rating: 5

15 comentários:

  1. Oi pessoal,

    No novo editor do blogger não funcionou, pelo menos em dois blogs que tenho.

    Tentei ocultar um widget em uma nova página específica e ocultou em todas as páginas do blog.

    No outro blog fiz o mesmo procedimento e simplesmente continuou apresentando na página que era para ocultar e em todas as outras.

    Tem como retornar ao editor antigo?

    Obrigado,
    Eliezer

    ResponderExcluir
  2. @Eli
    Olá Eli,

    Parece que não é possível voltar ao antigo editor do blogger.
    Também estou apanhando com este novo editor.

    Uma opção é usar o Ctrl+F do próprio editor para encontrar o que precisa ocultar, se aparecer 2 vezes observe se um deles é o código para celulares (mobile).
    Se seguir as instruções deste posts certinho não tem como errar. Eu fiz isso e deu certo.
    O jeito é continuarmos tentando até acertar.
    Até mais,
    Áurea

    ResponderExcluir
  3. Aurea gostaria de saber como ocultar em uma página especifica.

    ResponderExcluir
    Respostas
    1. Brayan,

      A resposta para sua pergunta está neste post. Leia com atenção que encontrará!

      Excluir
    2. já aprendi, só que ñ estava sabendo decifrar uma palavra


      vlw

      Excluir
  4. Gosto muito desse blog! É uma mão na roda pra quem edita os próprios templates. Estou tentando fazer algo que tá bem complicado! Eu quero dar uma formatação diferente para as minhas postagens. Eu estou dividindo minhas postagens em 2 marcadores e queria dar um estilo diferente para as postagens de cada marcador. Exemplo: No marcador1 eu quero por uma imagem(que apareça somente nos posts com marcador1) e no marcador2 quero por uma cor de fonte diferente(que apareça somente nos posts com marcador2). Você saberia me ajudar? Seria bacana um post tutorial com esse tema. Tenho certeza que dá pra fazer, só não descobri como ainda. Se conseguir me ajudar ficarei muito grata! Obrigada!

    ResponderExcluir
    Respostas
    1. Olá Jesielle,

      Interessante o que pretende fazer. Realmente não sei como ainda. Vou dar uma pesquisada, se souber de algo publico aqui.
      Obrigada por sua visita. Enquanto não conseguir fazer o que deseja, se houver mais alguma coisa que o TPV possa ajudar fique à vontade.
      Um abraço

      Excluir
  5. No meu deu certo sumir com a coluna em uma post especifico!!! Mas como faço para para aumentar a área do post? obrogado pela atenção, seu blog é demais!

    ResponderExcluir
    Respostas
    1. Olá Jefferson,

      Este é um bom assunto para um tutorial. Vou montar e publico assim que puder.
      Seja sempre bem vindo ao TPV.

      Excluir
  6. Comigo não funcionou, no meu caso, uso o modelo Travel (Viagem) e queria ocultar a sidebar em uma página específica, como faço? :/

    ResponderExcluir
  7. Olá Aurea!

    Gostaria de saber como ocultar a sidebar da home do blog.

    Obrigado.

    ResponderExcluir
    Respostas
    1. Olá Resgatando Vidas,
      Seria usando a condicional de Ocultar na Página Inicial!
      Seja sempre bem vindo ao TPV!

      Excluir
  8. Bom Dia Aurea
    Fiz tudo certo, perfeito, tirei e deixei o que queria, mas por exemplo tirei as postagens e a sidebar da página inicial, coloquei as postagens linkadas na label, até aí está certinho,mas no layout os gadgets da lateral e o editor da área de postagens também sumiram, é assim mesmo???? Ou tem algo errado?

    ResponderExcluir
  9. eu quero ocutar imagem de dentro do post como faço?
    meu blog é de filmes online ai quando entra aparece uma coluna com uma imagem que é a capa do filme e algumas informações e dentro do post aparece a mesma imagem ai fica feio isso como faço para esse de dentro do post sumir?

    ResponderExcluir
  10. Esse TÓPICO merece VIDEO AULA.. pq é dificil PACaS rs

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.