Ocultar Elementos em Página Específica

Com esta dica você vai aprender a ocultar ou exibir elementos para que eles apareçam somente nas páginas que você definir, ou seja, você vai poder escolher quais elementos você quer que apareçam: somente na página inicial; somente nas páginas internas ou nas páginas internas, incluindo as páginas de arquivos e marcadores.

Por padrão, no blogger, toda vez que instalamos um elemento no template, ele se apresenta em todas as páginas do blog (inicial, interna, de marcadores e de arquivos).
Porém é possível definir, através de uma condicional, em quais páginas deverão aparecer os elementos que você instalou.
Desta forma, você pode controlar a exibição de determinados elementos em seu template, podendo escolher e definir quais páginas cada elemento deverá aparecer ou ficar oculto.

Com o uso das condicionais você :
– Poderá deixar seu template de modo que a página inicial se diferencie das demais páginas;
– Ajuda a melhorar o carregamento do seu blog, ao ocultar certos elementos ‘mais pesados’ da página inicial.

Exemplificando para um melhor entendimento:
Digamos que você instalou este slide no seu blog, e quer que ele apareça apenas na página inicial (home) do seu blog.
Acesse o painel do Blogger, clique no menu “modelo” e entre na edição HTML do seu template, clicando no botão “editar html”., clique em “Expandir modelos de widgets” e procure pelo código inicial do elemento que você quer controlar a exibição.

No nosso exemplo, este elemento é o slide, então o código html que inicia este slide vai estar assim:


<div id="s3slider">

<---restante do código--->

</div>

Agora você deve colar o código da condicional que define onde o slide irá aparecer, que no nosso exemplo será apenas na home.
Você deve colar o código de abertura da condicional logo ACIMA da linha que inicia o código html do slide, e APÓS o código de encerramento do slide, você deve colar e a tag de fechamento da condicional.

Deverá ficar assim:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="s3slider">

<---restante do código--->

</div>
</b:if>

O código destacado em “azul” é a condicional.
O código destacado em “laranja” é o código de instalação do elemento.

Pronto, no exemplo acima, o slide vai aparecer somente na página inicial do blog.

Não esqueça que: Sempre que quiser ocultar um elemento em determinada página, você deve colar o código de abertura da condicional logo ACIMA da linha que inicia o código html do elemento, e APÓS o código de encerramento dele, você deve colar e a tag de fechamento da condicional.

Veja o Código especifico da condicional para cada função:

Função: OCULTAR

Para Ocultar um elemento APENAS na Página Inicial:

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

Para Ocultar um elemento APENAS nas Páginas internas(de postagens):

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

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

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

Para ocultar um elemento APENAS nas Páginas Estáticas:

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

 

Função: EXIBIR/MOSTRAR

Para MOSTRAR um elemento APENAS na Página Inicial:

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

Para MOSTRAR um elemento APENAS nas Páginas Inicial, de Marcadores e de Arquivos:

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

Para MOSTRAR um elemento APENAS nas Páginas Individuais dos Posts(páginas internas):

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

Para MOSTRAR um elemento APENAS nas Páginas Estáticas:

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

Para MOSTRAR um elemento APENAS na Página de um Post Específico:

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

Para MOSTRAR um elemento APENAS nas Páginas de Arquivos:

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

Estas são as condicionais suportáveis pelo Blogger. Se algum código que você inseriu não deu certo, eu recomendo que você teste, usando o outro.

Caso queira aprender como ocultar ou exibir widgets em determinadas páginas, leia o artigo:
Ocultar widgets em determinada página

Leia outros artigos que tratam sobre personalização das páginas do blog, talvez você se interesse em conhecer outras maneiras de definir estilos e personalizar melhor o seu blog utilizando-se das condicionais no Blogger:
Aplicar estilos às Páginas Estáticas
Aplicar estilos a página inicial do blog

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Tags:
Comentários
  1. ad
    • Vanessa
  2. Stefani Goulart
  3. Fernado
    • Vanessa
  4. jefferson
  5. natanael
  6. Michele Rodrigues
  7. natanael
    • Vanessa
  8. Wagner Almeida
  9. Henrique
  10. J
  11. Arlane
  12. Lucas Marini Falbo
  13. taty
    • Vanessa
  14. Fabrício Gomes
  15. Anne
    • Vanessa
  16. Vládia
  17. Vládia
  18. Lucas Zanella
    • Vanessa
  19. Irineu
    • Vanessa
  20. Saga de Animes
  21. valdiney
  22. Rubens Souss
  23. Zaraki Scofild
  24. Marcos Paulo Monteiro
  25. imagemturbo.com
  26. João Aquino
  27. Destroyzer
  28. .:: Clau ::.
  29. Renata Matarazzo
  30. .:: Clau ::.
  31. Letícia Molon
  32. Letícia Molon
  33. .:: Clau ::.
  34. blessthefallbr
  35. .:: Clau ::.
  36. Jô Nascimento
  37. Andrea Winchester
  38. .:: Clau ::.
  39. Felipe
  40. Pixiie
  41. Kal Souza
  42. Chico Canavieira
  43. Fabio Roncato
  44. ? Jão Bless ?
  45. ?a?
  46. Luis Henriques
  47. Gustavo Avelino
  48. [RoNaldo]
  49. Helder C. Dias
  50. Helder C. Dias
  51. Robson
  52. mundodadanca1
  53. andraD
  54. Rodrigo Macedo
  55. .:: Clau ::.
  56. comandoblogger
  57. Wesley
  58. .:: Clau ::.
  59. Wesley
  60. .:: Clau ::.
  61. M!riam
  62. Corrassa
  63. ::Clau::
  64. Corrassa
  65. ::Clau::
  66. Vládia Queiroz
  67. fael
  68. Luiz Ricardo
  69. kaytros
  70. Santiago Régis
  71. ::Clau::
  72. CAFFE DO LIVRO
  73. Mateus
  74. ::Clau::
  75. AnneKira™
  76. ::Clau::
  77. AnneKira™
  78. (ADM) Cine Filmes Online
  79. blogando20