Ocultar ou exibir elementos de páginas específicas no blog

5 comentários
página específica

Ocultando ou exibindo elementos de páginas específicas

Neste artigo, vamos explicar como ocultar ou exibir elementos de páginas específicas em seu blog. É um artifício bastante usado para ocultar ou exibir certos Gadgets ou colunas inteiras, seja a sidebar, rodapé, cabeçalho ou o menu.

Você poderá ocultar ou exibir qualquer coisa de locais específicos do seu blog, podendo assim, usufruir da página inteira de seu template.

Para começarmos o post, primeiro vamos esclarecer um assunto que muita gente tem dúvida:

Pode-se ocultar elementos apenas de um determinado conjunto de páginas.

Exemplo: pode-se ocultar elemento de páginas "estáticas", ou seja, aquelas páginas que você cria na opção páginas e é limitado a 20 somente.

Postagens: independente da postagem que você criou ou o endereço dela, se aplicar o código em seu template, ocultará de todas as postagens.

Pagina inicial é somente na página inicial. O mesmo vale para a página de erro 404 e os marcadores.

Se desejar aplicar o código em seu template, esteja ciente do que afetará ao aplicá-lo.

Caso queira trabalhar dentro de uma página específica, limpando-a com todos os gadgets, rodapé e cabeçalho, leia este artigo:

Como ocultar elementos somente de uma página específica do blog

Tutorial - Ocultando elementos

Primeiro, analise o código abaixo:

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

Aqui todos os que queremos ocultar

</b:if>

A parte que destacamos em vermelho são os elementos que queremos esconder, sejam Gadgets, colunas inteiras ou mesmo cabeçalho, rodapé e menu. Acima, inserimos um texto como exemplo.

Se o texto do exemplo anterior fosse parte de código fonte do blog e aparecesse em todas as áreas, como Gadgets que são padrão do Blogger, ocultaríamos ele da página inicial.

Caso queira ocultar mais algum elemento, apenas insira as condicionais que estão entre o texto no exemplo acima.

O próximo passo é entender como ocultar de outras áreas do blog.

Você precisa identificar a área que pretende ocultar e de qual lugar pretende ocultar e inserir as condicionais referentes à cada área.

Condicionais para ocultar as áreas específicas

  • Página inicial

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


  • Página interna

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


  • Páginas de marcadores

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


  • Páginas estáticas

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


  • Página de erro

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

Agora vamos conhecer a função exibir

A função exibir elementos em páginas específicas no blog segue o mesmo esquema da função ocultar.

Como o nome já diz, a função exibir faz com que o elemento dentro da condicional especificada seja exibido somente na área específica.

Conheça os locais e suas respectivas condicionais:

  • Página de arquivos

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


  • Página estática

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


  • Somente dentro da url de uma postagem

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


  • Páginas internas

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


  • Página inicial

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


  • Página de marcadores

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


Obs: Não esqueça que os elementos a serem ocultados das suas áreas específicas devem ficar entre a abertura e fechamento das condicionais, como no exemplo no começo deste tutorial.

Agora, com essas condicionais, você poderá ocultar ou exibir qualquer elemento de qualquer local do seu blog!

5 comentários :

  1. Em que parte do html eu aplico o código?

    ResponderExcluir
    Respostas
    1. Olá, o código deve ser aplicado acima da tag < / head >

      Excluir
    2. Este tutorial de como ocultar ou exibir elementos de páginas especificas no blog foi reformulado.

      Excluir
    3. Oi, eu fiz com código de ocultar na página inicial e coloquei acima de < / head > mas não aocnteceu nada ! :(

      Excluir
    4. Olá O código para ocultar elemento da página inicial é para ser inserido no ele,mento que você quer ocultar.

      Ou seja você deve inserir a condicional em cima do elemento exemplo Gadgets banner etc... e abaixo do elemento o fechamento da condicional.

      Veja a demostração abaixo:



      Aqui o que eu quero esconder da página inicial do meu blog!



      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      Aqui o que eu quero esconder da página inicial do meu blog!
      </b:if>


      Abraços...

      Excluir

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.