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ê va...

Ocultar Elementos em Página Específica

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.
Mas antes de prosseguir, se você tem blog eu recomendo assistir este vídeo sobre Taxa de Rejeição que publiquei:

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.

0 comentários: