07/06/2015

Descubra como Ocultar ou Exibir algo apenas em páginas especificas!



No padrão Blogger toda vez que instalamos algo no template, ele será exibido em todas as páginas do blog (inicial, interna, de marcadores e de arquivos). Mas e possível através de uma condicional, definir em quais paginas serão exibidos determinados elementos instalados.

Condicionais: permitem a exibição ou a ocultação de elementos em determinadas páginas do blogger! 

Com essas condicionais poderemos:
– Deixar a pagina inicial diferente das demais páginas do template;
–Melhorar o carregamento do blog, ao ocultar elementos ‘mais pesados’, em determinadas paginas.

Tomaremos como exemplo um slide, digamos que você o instalou em seu blog. Mas só quer que ele apareça na pagina inicial (home). Para resolver isto usaremos uma condicional. Acesse o painel do Blogger clique em MODELO no menu lateral e entre em EDITAR HTML, clicando no botão “editar html”.


Você então terá que procurar o código de seu slide (aperte Ctrl+F pois facilitará a busca), encontrando o código você colocará a condicional. Neste caso você usará a seguinte condicional:


O código destacado em azul e a condicional utilizada, ou seja: <b:if cond='data:blog.url == data:blog.homepageUrl'>Código do elemento</b:if>. Agora o slide só será exibido na página inicial de seu blog. Não se esqueça: sempre que for ocultar um elemento, 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.

Confira abaixo a lista das condicionais, existentes no Blogger: 

FUNÇÃO OCULTAR
 APENAS na Página Inicial: <b:if cond='data:blog.homepageUrl != data:blog.url'> Código do elemento </b:if>

APENAS nas Postagens: <b:if cond='data:blog.pageType != "item"'> Código do elemento </b:if>

APENAS na página inicial, de marcadores e arquivo: <b:if cond='data:blog.pageType == "item"'> Código do elemento </b:if>

APENAS nas Páginas Estáticas: <b:if cond='data:blog.pageType != "static_page"'> Código do elemento </b:if>

FUNÇÃO EXIBIR/MOSTRAR
APENAS na Página Inicial: <b:if cond='data:blog.url == data:blog.homepageUrl'> Código do elemento </b:if>

APENAS nas Páginas Inicial, de Marcadores e de Arquivos: <b:if cond='data:blog.pageType != "item"'> Código do elemento </b:if>

APENAS nas Páginas Individuais dos Posts(páginas internas): <b:if cond='data:blog.pageType == "item"'> Código do elemento </b:if>

APENAS nas Páginas Estáticas: <b:if cond='data:blog.pageType == "static_page"'> Código do elemento </b:if>

APENAS na Página de um Post Específico: <b:if cond='data:blog.url == "URL-DO-POST"'> Código do elemento </b:if> substitua a frase laranja, pela URL da postagem.

APENAS nas Páginas de Arquivos: <b:if cond='data:blog.pageType == "archive"'>  Código do elemento </b:if>

Estas condicionais não funcionam com Widgets, apenas com elementos, por exemplo: slides, imagens, links e etc... Tutorial inspirado em Mundo Blogger. Espero que tenham gostado e comentem com suas opiniões, peçam tutoriais.

Nenhum comentário:

Postar um comentário

LEIA ANTES DE COMENTAR

• Você pode comentar usando apenas seu Nome e Url. Não aceitamos anônimos, selecione a opção no menu suspenso "comentar como".

• Alguns comentários podem não ser aceitos, dependendo do cunho da mensagem. Seja gentil na blogosfera.

Obrigado por comentar. Sua visita e opinião são importantes. Volte sempre!

DESIGN E PROGRAMAÇÃO POR JOÃO VITOR M.A. • ALL RIGHTS RESERVED TO DESIGN MANIA • TECNOLOGIA BLOGGER