» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Condicionais no Blogger–Parte 02–Exibindo Elementos em Páginas Específicas


<b:if> condicional
Tags Condicionais

No artigo anterior ensinei Como Ocultar Elementos em Páginas Específicas.
Este artigo é basicamente a mesma coisa, somente muda o código que define que a exibição ou não do gadget/widget.
Achei mais fácil separar os artigos para que não ficasse muito longo e para o leitor ter a chance de entender melhor sem se confundir em um artigo só.

Então vamos lá:

Se você já leu o artigo anterior pode pular os 1º, 2º e 3º passos e ir direto ao 4º passo para aplicar os códigos para Exibir os elementos em páginas específicas em seu blog.

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 exibir.

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 exibir em apenas uma página específica.

3º – Onde colocar o Código para Exibir 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 Exibir o Gadget]

- código fonte do Widget -

</b:if>

</b:includable>
</b:widget>
Note que você deve colocar o [código específico para Exibir 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 Exibir os Gadgets nas Páginas Específicas

Substitua a linha [código específico para Exibir o Gadget] de acordo com a sua necessidade e mantenha o </b:if> acima da linha </b:includable>

Exibir apenas nas Páginas de Postagens

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

Exibir apenas na Página Inicial

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

Exibir somente em uma Postagem Específica:

<b:if cond='data:blog.url == "URL do post"'>

Exibir na página inicial, de marcadores e arquivo:

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

Exibir em uma página de marcador específica:

<b:if cond='data:blog.homepageUrl == “http://URL_do_Blog/search/label/Marcador”'>

Exibir nas páginas de arquivo:

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

Exibir na página de marcadores e postagens:

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

Exibir apenas nas páginas de marcadores:

<b:if cond='data:blog.homepageUrl != data:blog.url'>  
<b:if cond='data:blog.pageType != "item"'> 
→Não se esqueça de fechar as 2 tags com 2 </b:if> antes de </b:includable>

Exibir nas Páginas Estáticas

<b:if cond='data:blog.pageType == "static_page"'>
Exemplo:
» Quero exibir 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.

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

13 comentários:

  1. Olá Aurea
    Estou começando agora e gostaria de saber como deixar só nas postagens:
    assinatura, barra divisórias e total dos comentários (todos 3 elementos são imagens).
    Não gostaria que aparecessem na página de índice e contato.
    Não tenho conhecimento de html, mas devagar vou aprendendo.
    Obrigada
    Marli

    ResponderExcluir
    Respostas
    1. Olá Marli,
      Tente utilizar mais de uma condicional uma para exibir e outra para ocultar. Dessa forma deverá fechar as tags com 2 </b:if>.
      É assim mesmo. Temos que ir mexendo e aprendendo. Eu faria dessa forma.
      Seja bem vinda!
      Um Abraço,
      Áurea

      Excluir
    2. Áurea
      Agradeço sua gentileza em responder, irei tentar assim que meu Pc estiver
      recuperado, por esse motivo demorei para agradecer.
      Seu cantinho já está na minha lista de favoritos.
      "Quem divide experiência, multiplica conhecimento"
      Grata
      Marli

      Excluir
  2. Gostaria de saber se é possível ocultar um elemento a partir da largura da página Ex: ocultar um slide em dispositivos móveis...
    Obrigado.

    ResponderExcluir
  3. Olá! Não consigo ocultar o gadget de uma página estática específica... Fiz exatamente como vc instruiu.. o que será que está acontecendo? Pode me ajudar?

    ResponderExcluir
    Respostas
    1. Olá Nilson,
      Você está no post certo? Este aqui é para exibir os elementos. Já tentou no post para ocultar?

      Excluir
  4. Olá! Não estou conseguindo usar a tag de "Exibir em uma página de marcador específica".
    Já fiz tudo certo, até testei com outro elemento, porem não funciona o que posso fazer??

    ResponderExcluir
  5. Eu gostaria de colocar uma widget em uma página específica. No caso é um formulário. Qual das ifs eu devo escolher?

    ResponderExcluir
    Respostas
    1. Olá Yarick,
      Seria uma condicional para uma página estática específica?
      Realmente nunca me ocorreu esta opção. Se for isso ainda não sei como, mas podemos procurar. Assim que eu achar atualizo este post!
      Obrigada por sua dúvida!

      Excluir
  6. Olá Aurea,
    fiz as alterações mencionadas e coloquei alguns elementos de html apenas na página inicial e outras na página de postagem, mas fica um espaço branco indicando o local onde o widget estava, tem como remover isso?

    ResponderExcluir
    Respostas
    1. Pois é Raian,
      Já aconteceu isso comigo também.
      Consegui resolver quando criei uma div tipo: <div id='sidebar1-wrapper'>, por exemplo, coloquei a condicional b:if antes e depois desta div.
      Ficou assim:
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <div id='sidebar1-wrapper'>
      <b:section class='sidebar' id='sidebar1' preferred='yes'/>
      </div>
      </b:if>
      Espero que ajude!

      Excluir
  7. Não funcionou não, no meu template tem assim < b : if cond = 'data:blog.pageType == "item" '>
    < b:if cond='data:title' > < h2 > < data:title/ >< /h2 > < /b:if >
    < div class='widget-content popular-posts' >

    OBS: coloquei os espaços para que o comentário fosse aprovado

    Fiz as alterações e o espaço branco continuou lá no mesmo lugar

    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.