Ocultar widgets em determinada página

Pin It
101 Comentários »

Eu publiquei um artigo ensinando a ocultar elementos em página específica, onde explico como ocultar ou exibir elementos para que eles apareçam somente nas páginas que você definir, ou seja, você define quais elementos você quer que apareça somente na página inicial, somente nas páginas internas, ou nas páginas internas, incluindo as páginas de arquivos e marcadores.
Neste artigo veremos como ocultar ou exibir widgets em determinadas páginas.

Por padrão, no blogger, toda vez que inserimos um gadget na sidebar ou até mesmo no footer, através do menu “layout” >>”adicionar um gadget”, ele aparece em todas as páginas do blog (inicial, interna e de marcadores e arquivos).
Porém é possível definir, através de uma condicional, em quais páginas os widgets devem aparecer.
Você pode controlar a exibição de um widget/gadget em seu template.

Agora você vai ver como é fácil poder escolher e definir onde ficará a exibição de cada gadget que você instalou no seu template.

Com esta dica você pode melhorar a usabilidade dos seus widgets fazendo com que eles apareçam somente nas páginas onde são mais importantes, sem falar que também ajuda a melhorar o carregamento do seu blog, ao ocultar certos Widgets ‘pesadinhos’ na página inicial.

Exemplificando para um melhor entendimento:
Digamos que você tem um Widget de “Postagens Populares” e queira ocultá-lo nas páginas internas, de marcadores e arquivo. Quer que ele apareça somente na página inicial.
Acesse o painel do Blogger, clique no menu “layout” e entre na edição HTML do seu template, clicando no botão “editar html”.

Marque a opção “Expandir modelos de widgets” e procure pelo título do widget que você quer controlar a exibição.

Exemplo – Widget somente na página inicial:


<b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
<b:includable id='main'>

Cole o código que define onde este Widget irá aparecer logo depois dessas linhas, que no exemplo acima será:


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


Agora você precisa fechar a condicional.
Cole:


</b:if>

antes de :


</b:includable>

Deverá ficar assim:


<b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
<b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
 </b:if></b:includable> 
</b:widget>

Pronto, seu widget/gadget vai aparecer somente na página inicial do blog.

Portanto não se esqueça:
Sempre que você quiser ocultar um Widget em determinada página você deve localizar o título que você deu ao Widget e colar o código da condicional desejada logo APÓS a linha:

<b:includable id='main'>
e depois cole a linha:
</b:if>
antes do trecho:
</b:includable>

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

Condicionais para ocultar/exibir gadgets no Blogger

Para OCULTAR um widget somente na Página Inicial:


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

Para OCULTAR um widget somente nas Páginas internas(de postagens), mas com exibição na Página Inicial, de Marcadores e de Arquivos:


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

Para OCULTAR um widget na página inicial, de marcadores e arquivo, mas com exibição nas páginas internas:


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

Para OCULTAR um widget somente nas Páginas Estáticas:


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

Para MOSTRAR um widget somente na Página Inicial:


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

Para MOSTRAR um widget somente nas Páginas de Arquivos:


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

Para MOSTRAR um widget somente nas Páginas Estáticas:


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

 

 

Lembrando que: Alguns gadgets, são "problemáticos, como o de seguidores por exemplo,por mais que a gente insira a condicional para ocultá-lo em determinada página, eles não ficam ocultos. Se alguma condicional que você inseriu não deu certo, eu recomendo que você teste, usando a outra.

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

Artigo atualizado em 06/2012.

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!

101 comentários em: “Ocultar widgets em determinada página

  1. Will Monteiro disse:
    Eu tenho um gadget que gostaria de ocultar apenas da página inicial, que é o gadget informativo de como bloquear propagandas no site da tv online, eu gostaria que ele só aparecesse nas demais páginas e sumisse da página inicial. como eu faço isso ?
  2. Diego disse:
    como colocar anuncios adsense em todas as postagens do blog, que não apareça na página inicial e sim só quando o usuario clicar no artigo.

    No aguardo

  3. Obrigada Vanessa! Deus super certo!
    Muito útil seu post! Salvei nos favoritos! Rs..
    Beijos!!!
  4. Gilson disse:
    Será que funciona em sites wordpress? Estou querendo esconder os botões das redes sociais das páginas estáticas, foram inseridos através do código, queria que ficasem só nos posts.

    Alguém pode me ajudar???

    • Vanessa disse:
      Gilson, eu acredito que não funciona no wordpress não, até pq essas condicionais são do blogger. Tenta dar uma pesquisada no google pra ver se encontra algo para wordpress, pq eu não conheço.
  5. Matt disse:
    Valeu! Já apliquei ao blog!
  6. Lucas disse:
    Muito bom em mocinha kkk, sempre boa suas dicas ;) Abraço

  7. Anne disse:
    Seria possível tornar o header visível apenas na página inicial?

    Se tal coisa for possível, haveria um ”vácuo” no espaço deixado por ele, ou estaria junto, se o tema o possuir, à um menu superior?

    P.s.
    Obrigada por todas as dicas, são bem úteis.

  8. Como sempre amada Clau seu blog é maravilhoso e me salva eternamente!
    Fofuraaa
  9. Olá existe um modo de ocultar um Widget somente na pagina de arquivo?

    Pode o ocultar em outra paginas também, sô não pode ocultar na pagina do marcador, se pude me ajudar agradeço! se possível responda o mais rápido possível pois eu conseguir mostrar um Widget só na pagina de marcadores mais tenho que saber como ocultar na pagina de arquivos

  10. Erica disse:
    Olá
    Gostaria de ocultar completamente um gadget ou removê-lo. Como fazer isto?

    Troquei o template do meu blog, mas estou não conseguindo trocar o postagens populares por lista de links. Até consigo, mas depois ele volta como se estivesse fixo ao template. Pode me ajudar a removê-lo?

  11. Parabéns pelo post!
    Tem alguma condicional pra mostrar um widget somente na postagem de um determinado marcador?
  12. Pra ocultar o gadget de arquivo do site é impossível, mas com um de ”postagens relacionadas” consegui. Muito obrigado mesmo!
  13. Micaelly disse:
    O único que funcionou, testei váááários códigos de váááários sites, mas esse foi o único que deu certo.
    Assim que instalar meu novo template, vou dar os merecidos créditos a seu blog, você merece.
    Bjus…
  14. Eu disse:
    Excellent!! Mas fica uma pequena área onde era o gadget com mais ou menos 10px de altura e a largura automatica da area ocultada, mas valeu da mesma forma.
  15. Reinaldo disse:
    Eu tentei este para ocultar nome do autor na página principal e nos marcadores. Quando clico em marcadores o nome do autor aparece junto com o resumo da postagem. Alguma dica ai, obrigado.
  16. Bruno disse:
    Muito obrigado! Estava precisando muito mesmo disso para organizar um blog de um amigo.
  17. Olá, sou novo por aqui!

    Gostei dessa dica sobre ocultar um elemento em determinada página!

    Já vi o mesmo tutorial em outros blogs, mas no mundo blogger pude notar alguns pontos que foram informativos do que os outros, entre eles está o fato de você ter colocado fotos no tutorial (o que deixa o tutorial bem mais compreensível) e também o detalhe de ocultar na página estática, coisa que eu não sabia que dava para fazer antes!

    Parabéns! Sucesso para você!
    Abelhudos da Informática agradece!

  18. Cinthia disse:
    Olá! Tenho uma dúvida que já foi postada nos comentários, mas talvez agora já haja alguma solução!!

    Gostaria de colocar o widget em UMA das minhas páginas estáticas. Não em todas…

    Tentei colar o link desta página específica em um dos códigos que vc ofereceu e no primeiro momento deu certo, mas depois o widget sumiu…

    Vc sabe como posso proceder com isso?

    Obrigada!

Comente!

Seu comentário é muito importante, entretanto, só serão publicados os comentários que estiverem de acordo com nossa Política de Comentários.
Obter Avatar [?]

PageRank Checking Icon

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