29 de jul. de 2012

Ocultar e Mostrar Elementos em Página Específica

Oi galera hoje vou mostrar como ocultar e ao mesmo tempo mostrar elementos em páginas espicíficas do blogger, exemplo: Você tem um gadget no seu blog mas quer que ele apareça apenas na página inicial ou que apareça apenas em páginas dinanmicas e etc. Vamos saber agora como fazer isso!

Primeiro vou mostrar todas as ferramentas e no final vamos saber onde colocá-las no HTML do blogger.

~Função de Ocultar:

1. Para Ocultar um elemento apenas na Página Inicial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
</b:if>

2.Para Ocultar um elemento apenas nas Páginas de postagens:
<b:if cond='data:blog.pageType != "item"'>
</b:if>

3. Para Ocultar um elemento apenas na página inicial, de marcadores e arquivos:
<b:if cond='data:blog.pageType == "item"'></b:if>
4. Para ocultar um elemento apenas nas Páginas Estáticas:
<b:if cond='data:blog.pageType != "static_page"'>
</b:if>

5. Para Ocultar apenas na página de um marcador específico:
<b:if cond='data:blog.homepageUrl != "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
</b:if>


~Função de Mostrar:

1.Para mostrar um elemento apenas na Página Inicial:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>

2. Para mostrar um elemento apenas nas Páginas Inicial, de Marcadores e de Arquivos:
<b:if cond='data:blog.pageType != "item"'>
</b:if>

3. Para mostrar um elemento apenas nas Páginas Individuais dos Posts(páginas internas):
<b:if cond='data:blog.pageType == "item"'>
</b:if>

4. Para mostrar um elemento apenas nas Páginas Estáticas:
<b:if cond='data:blog.pageType == "static_page"'>
</b:if>

5. Para mostrar um elemento apenas na Página de um Post Específico:
<b:if cond='data:blog.url == "URL-DO-POST"'>
</b:if>

6. Para mostrar um elemento apenas nas Páginas de Arquivos:
<b:if cond='data:blog.pageType == "archive"'>
</b:if>

7. Para mostrar um elemento apenas na Página de um Marcador Específico:
<b:if cond='data:blog.url == "URL-DO-BLOG/search/label/NOME-DO-MARCADOR"'>
</b:if>


~ Entendendo e Inserido os Códigos:
Vou exemplificar a melhor forma para inserir este códigos, no exemplo vou usar o gadget XAT aqui da designonspace, como vocês podem ver ele está apenas em nossa homepage então quer dizer que eu usei o código MOSTRAR APENAS NA PÁGINA INICIAL! Vamos a ele.

1: Vá em Design > Editar HTML > Marque o Expandir Modelos Widgets, procure pelo o ID ou pelo Título do seu Gadget do seu gadget, no meu caso o ID é HTML4 e o Título é XAT.

<b:widget id='HTML4' locked='false' title='XAT' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <!-- 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>
</b:widget>

Você irá inserir as linhas em que estão em vermelho no código!
Já sabendo onde inserir os códigos vocês já pode inserir em qualquer gadget em qualquer circunstância.