Formulário de contato

Nome

E-mail *

Mensagem *

23/02/2016

Ocultar ou mostrar elementos de página no Blogger


Às vezes gostaríamos de ocultar algum elemento da página inicial e mostrar só nas páginas internas, ou vice-versa. Da mesma forma nas páginas estáticas, ou ainda de arquivos, marcadores, etc.

Vamos saber como é que se faz?

Primeiro vá até o editor de modelo HTML do seu blog (lembre-se de fazer backup do modelo primeiro). Agora, clique dentro da caixa do HTML e dê um Ctrl+F. Dentro do buscador que aparecer, escreva um trechinho do código do elemento que deseja ocultar ou mostrar apenas em determinada página. Achando o código, você deve colar imediatamente antes dele uma das seguintes condicionais.

Esconder

Para esconder nas páginas de postagens: 
<b:if cond='data:blog.pageType != "item"'>

Para esconder na página incial: 
<b:if cond='data:blog.homepageUrl != data:blog.url'>

Para esconder em uma postagem específica: 
<b:if cond='data:blog.url != "URL do post"'>

Para esconder na página inicial, de marcadores e arquivo: 
<b:if cond='data:blog.pageType == "item"'>

Para esconder em uma página de marcador específica: 
<b:if cond='data:blog.homepageUrl != "http://URL_do_Blog/search/label/NomeDoMarcador"'>

Para esconder nas páginas de arquivo: 
<b:if cond='data:blog.pageType != "archive"'>

Para esconder na página de marcadores, postagens e arquivo: 
<b:if cond='data:blog.homepageUrl == data:blog.url'>

Para esconder um elemento em celulares:
<b:if cond='data:blog.isMobile == &amp;quot;false&amp;quot;'>

Mostrar

Mostrar apenas nas páginas de postagens: 
<b:if cond='data:blog.pageType == "item"'>

Mostrar apenas na página inicial: 
<b:if cond='data:blog.homepageUrl == data:blog.url'>

Mostrar apenas em uma postagem específica: 
<b:if cond='data:blog.url == "URL do post"'>

Mostrar na página inicial, de marcadores e arquivo: 
<b:if cond='data:blog.pageType != "item"'>

Mostrar apenas em uma página de marcador específica: 
<b:if cond='data:blog.homepageUrl == "//search/label/NomeDoMarcador"'>

Mostrar nas páginas de arquivo: 
<b:if cond='data:blog.pageType == "archive"'>

Mostrar na página de marcadores e postagens: 
<b:if cond='data:blog.homepageUrl != data:blog.url'>

Mostrar apenas na página de marcadores: 
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>

Mostrar apenas nas páginas estáticas:
<b:if cond='data:blog.pageType == "static_page"'>

E ao final do código do elemento a ser ocultado ou mostrado, colar apenas &lt;/b:if&gt;, seja qual for a opção acima escolhida.

Claro que você deverá ter um certo conhecimento de HTML para reconhecer o código do elemento que deseja ocultar ou mostrar em determinadas páginas do seu blog.

Se o elemento for um widget, procure pelo título do widget. Encontrando o título, ache dentro da área do widget a tag &lt;b:includable id='main'&gt; , e imediatamente depois, quebre uma linha e cole uma das condicionais acima conforme a seu objetivo de mostrar ou ocultar.

Depois, imediatamente ACIMA do primeiro &lt;/b:includable&gt; que encontrar desse widget, cole &lt;/b:if&gt; .

Ficará mais ou menos assim:

 <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
 </b:if>
</b:includable>

É isso.

Beijoka!
Gratidão
Author Image

Meri Pellens
Cristã, mãe e blogueira com necessidades físicas especiais. Busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.

Nenhum comentário:

Postar um comentário