Ocultar Elementos em Página Específica

Pin It
87 Comentários »

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

Vanessa

Vanessa é blogueira desde 2009, e 'aspirante' a web design nas horas vagas. Autodidata, viciada em internet, adoradora de blogs, seus códigos e templates, apaixonada por programas gráficos, tecnologia e web design,e fascinada pelo estilo gótico. Leia Mais sobre a autora »

facebooktwittergoogle pluslinkedinyoutube



Torne-se fã do Blog no Facebook!

87 comentários em: “Ocultar Elementos em Página Específica

  1. ad disse:
    Em uma postagem isso funciona? tipo eu coloquei um jogo em uma postagem o problema é que ele também aparece nos marcadores gostaria que ele apenas aparecese na postagem tem como oculta-lo nos marcadores? obs: uso o hack leia mais
  2. Olá Vanessa, eu queria saber como eu faço para tirar a parte de comentários de páginas internas como: Perfil, Contato, etc..
  3. Fernado disse:
    olá este Para MOSTRAR um elemento APENAS na Página de um Marcador Específico não está dando certo.

    Eu gostaria que uma imagem aparecesse nas postagens iniciais, mas também gostaria que a imagens aparecesse e um marcador especifico.

    Por exemplo se a postagem tem um marcador vídeo eu gostaria que uma imagem aparecesse só nos marcadores vídeo

    Se uma postagem é de marcador imagens eu gostaria que uma imagem aparecesse só nos marcadores imagens

    Agradeço desde já.

  4. jefferson disse:
    como que faço pra remover ou ocultar as numeração da pagina inicial ? Gostaria q aparece-se só nos marcadores !
  5. natanael disse:
    oi vanessa

    eu queria saber porque o codigo de coloca so ne um marcador não esta fucionando?

  6. Oi, Vanessa!
    Primeiramente, quero parabenizá-la pelo Blog, que tem nos ajudado muuuuuiiiiito.
    Tentei aplicar este post no meu blog, mas não consegui.
    Quero tirar o campo de comentários da página “Contato”.
    Já tentei tanto a condicional de mostrar o elemento somente na página inicial, quanto a de ocultar o elemento da página estática e nada.
    Pode me ajudar?
    Bjo e mais uma vez, parabéns pelo excelente trabalho.
  7. natanael disse:
    Iaê vanessa! Coloquei o slide que ensinou, em meu blog esse slide>http://www.mundoblogger.com.br/2010/02/imagens-deslizantes-com-jquery-slider.html
    E gostaria que aparecesse apenas na página inicial.não esta funcionando com ele oque faço
  8. Wagner Almeida disse:
    Eu estava tentando ocultar a imagem de comentários ao lado do título, que nas páginas estáticas estava passando para fora do imagem de fundo. e também eu tava querendo ocultá-lo por que eu marquei a opição de não permitir comentários,aí sempre ia estar zero.

    tive que fazer umas três tentativas mas deu tudo certo!!!
    ótima postagem, me ajudou muito, como sempre que venho no seu site.
    Abraços.

  9. Henrique disse:
    Simplesmente perfeita a postagem, me ajudou de mais. Ja está nos favoritos!
  10. J disse:
    Yo! Vim aqui só pra deixar uma dica :D

    Você poderia adicionar ao tutorial essa condicional:

    Ela é útil pra personalizar a “página não encontrada” do blogger.

    Fazendo a “status-msg-xxx” aparecer só na página de erro.

    Até~

  11. Arlane disse:
    O jeito é colocar esse post nos favoritos porque sempre estou precisando dele :)
  12. Pessoal, com a nova atualização do Blogger aonde é possível adicionar página de erro costumizada, eu adaptei os códigos fornecidos nesse tutorial para ser possível ocultar elementos nas páginas de erro do blogger. É só seguir os passos acima para ocultar um elemento, mas usar este código aqui: Espero ter ajudado :)
  13. taty disse:
    Olá vanessa! Coloquei o slide que ensinou, em meu blog esse slide>(http://www.mundoblogger.com.br/2010/02/imagens-deslizantes-com-jquery-slider.html)

    E gostaria que aparecesse apenas na página home, porém o jeito como explica nesse post como ocultá-lo nas outras páginas, não está batendo com o código que forneceu do slide lá o slide começa com

    /*–Container geral–*/
    .main_view { float: left; position: relative; }

    e aqui vc diz que ele começará

    Poderia ajudar!

    desde já agradeço!

  14. Como sempre uma ótima dica, que já estou usando em meu blog.
  15. Anne disse:
    Oi vanessa!Estou tentando colocar esse codigo de marcador especifico,mas nao esta dando.Aonde esxatamente coloco ele?
    Nao queria que minhas publicaçoes ficassem na pagina inicial e sim nos menus especificos a cada assunto.
    Por favor me ajude!
    Obrigada
    • Vanessa disse:
      Vc vai colocar a condicional no elemento que vc deseja. Não há como eu te dizer especificamente, pois cada modelo de template os códigos variam de um para outro.
  16. Vládia disse:
    oi Vanessa, eu coloquei minhas postagens resumidas na página inicial, e coloquei o elemento Marcadores só na página inicial para que não aparecesse nas páginas estáticas, então ele não está aparecendo também na página com a postagem completa, mas gostaria que aparecesse. Como é melhor, eu sair ocultando de cada página estática o elemento ou há algum hack que o deixe presente na página inicial e nas páginas das postagens ao mesmo tempo?
  17. Vládia disse:
    opss…vi que não saiu parte do texto na minha última pergunta, então vou repetir. desconsidere a anterior.
    Vanessa, no caso, o meu template não apresenta os elementos em “div”, mas em “b” , é possível ainda assim seguir o seu tutorial? eu fiquei sem saber direito onde era o começo e o fim do elemento Marcadores, queria que ficassem só na página inicial. Fui no HTML e achei o título Marcadores, arrisquei, mas não deu certo. Tem alguma ideia?
  18. Lucas Zanella disse:
    Tem como eu ocultar a sidebar lateral na página inteira dos posts, fazendo assim, então a página do post ficar maior?
    • Vanessa disse:
      Sim, se vc pretende ocultar a sidebar na área dos post, pode usar esta condicional:
      b:if cond=’data:blog.pageType != “item”
      localiza o código html da sua sidebar e faz como está no tutorial.
  19. Irineu disse:
    Olá Vanessa, venho parabenizá-la pelo excelente trabalho colaborativo web, também pela linda template. Preciso de ajuda no meu blog, quero que ao mudar de página possa mudar também de slide referente à página específica, exemplo: “Pintura” (slides relacionados à pintura, “Rock” (Slides relacionados a rock) não consegui encontrar nada que pudesse me ajudar, o que mais se aproximou do que preciso foi seu tutorial, pergunto: Tem alguma dica que possa me fornecer?
    Deixo meu email ao público, caso alguém saiba como, por favor ajude-me.

    Email: irineumc@yahoo.com.br

    Obrigado Vanessa

    • Vanessa disse:
      Irineu,
      Infelizmente não sei te informar se isso é possível no blogger e se for, não sei como fazer.
PageRank Checking Icon

© 2009-2012 Mundo Blogger - Todos os direitos reservados | Design by Vanessa |