Mostrar ou ocultar elementos da página (Condicionais do Blogger)

Depois que descobri essa função do blogger a qual me permite controlar meus gadgets e os demais elementos da página, me apaixonei pela forma eficaz de personalização das páginas estáticas por exemplo, mas não é só isso, você pode ir a fundo no assunto e descobrir um universo de facilidades, as quais deixará seu site / blog mais atraente.

Vou-lhes dar um exemplo: Vamos supor que adicione um gadget de "Postagens Recentes" mas qual página quer que você esteja ou vá esse gadget estará lá, pois bem, nesse caso você o pode colocar onde quiser por exemplo somente na homepage, ou talvez nas páginas estáticas ou numa página específica ou até mesmo queira que apareça somente nos posts, para isso é fácil, é só saber usar as condicionais do blogger!

A personalização do seu blog pode atrair mais visitantes, devido a aparência chamativa, mas para isso você não deve ficar preso às configurações originais do blogger, para acabar com esse problema de mostrar repetitivamente elementos de páginas e gadgets na pagina inicial, dos marcadores, das postagem e páginas estáticas a solução é simples e crucial. Existem as condicionais do blogger, veja abaixo:

VEJA AS CONDICIONAIS MAIS USADAS DO BLOGGER:

FUNÇÃO 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 internas:

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

Para mostrar um elemento apenas nas páginas internas, de marcadores e de arquivos:

<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 nas paginas de arquivos:

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

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 na página inicial, de marcadores e de arquivos:

<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"'>

OBS: NÃO ESQUEÇA DE USAR A TAG DE FECHAMENTO DAS CONDICIONAIS </b:if>

AGORA VOU-LHES ENSINAR COM USAR ESSAS CONDICIONAIS:

Primeiramente tens quer descobrir o ID do gadget, vá até o desejado a qual queira aplicar essa funcionalidade clique em editar e logo na parte superior direita estará o ID do gadget como mostrar a imagem abaixo:

Obs: se caso você não conseguir visualizar o ID você tem apertar o botão maximizar e então ele aparecerá.

Agora tendo em mãos o ID do gadget que será aplicada a condicional, vá até o painel do blog, clique em Modelo e depois Editar HTML localize o ID do seu gadget como mostra a figura abaixo:

Quando você clicar no ID do gadget aparecerá algo como como mostra na imagem abaixo, então é só colocar a condicional de sua preferencia abaixo da tag <b:includable id='main'> e para que funcione corretamente coloque a tag de fechamento logo acima de </b:includable> como mostra exemplo na figura abaixo: