Pesquisar este blog

terça-feira, 26 de janeiro de 2010

Ocultar Elementos em Página Específica

Com esta dica você vai aprender a ocultar ou exibir Widgets ou qualquer outro elemento para que eles apareçam somente nas páginas que você definir, ou seja, você vai poder escolher quais elementos você quer que apareça somente na página inicial ou somente nas páginas internas.




Por padrão, no blogger, toda vez que inserimos um gadget na sidebar, ele se apresenta em todas as páginas (inicial, interna e de marcadores).

Porém é possível definir, através de uma condicional, em quais páginas os widgets ou qualquer outro ítem apareçam.

Você pode controlar a exibição de um 'elemento/widget/gadget' em seu template.



Se você reparar bem, aqui no munddo blogger, alguns Widgets que utilizo aparecem somente na página inicial, não aparecem nas páginas internas, como o banner Link-me, o widget de comentários recentes e o widget de Feed.



Agora você vai ver como implementar isso no seu blog também, e poder escolher e definir onde ficará a exibição de cada elemento.



Com este efeito, você :

- Poderá deixar seu template de modo que a página inicial se diferencie das demais páginas;

- Pode melhorar a usabilidade dos seus widgets fazendo com que apareçam somente nas páginas onde são mais importantes;

- Ajuda a melhorar o carregamento do seu blog, ao ocultar certos Widgets 'pesadinhos' nas página Internas.





Widgets diferentes para cada página:





Exemplificando para um melhor entendimento:

Digamos que você tem um Widget de "Comentários Recentes" e queira ocultá-lo nas páginas internas.

Clique na aba "Layout" e entre na edição HTML do seu template, clique em "Expandir modelos de widgets" e procure pelo título do widget que você quer controlar a exibição.



Exemplo - Widget somente na página inicial:



texto planoprint?

1 <b:widget id='HTML1' locked='false' title='Comentários Recentes' type='HTML'>



2 <b:includable id='main'>





Cole o código que define onde este Widget irá aparecer logo depois dessas linhas, que no exemplo acima será:



texto planoprint?

1 <b:if cond='data:blog.url == data:blog.homepageUrl'>



Agora você precisa fechar a condicional.

Cole:



texto planoprint?

1 </b:if>



antes de :



texto planoprint?

1 </b:includable>





Deverá ficar assim:



<b:widget id='HTML1' locked='false' title='Comentários Recentes' type='HTML'><b:if cond='data:blog.pageType != "item"'><b:includable id='main'><b:if cond='blog.url == data:blog.homepageUrl'>((restante do código fonte do Widget))</b:if></b:includable></b:widget>

e pronto, seu widget vai aparecer somente na página inicial do blog.





Veja o Código especifico da variável para cada função:







Função: OCULTAR





Para Ocultar um elemento APENAS na Página Inicial:



texto planoprint?

1 <b:if cond='data:blog.homepageUrl != data:blog.url'>



Para Ocultar um elemento APENAS nas Páginas internas(de postagens):



texto planoprint?

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



Para Ocultar um elemento APENAS na página inicial, de marcadores e arquivo:



texto planoprint?

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



Para Ocultar apenas na página de um marcador específico:



texto planoprint?

1 <b:if cond='data:blog.homepageUrl != http://NOME-DO-SEU_BLOG.blogspot.com/search/label/NOME-DO-SEU-MARCADOR"'>









Função: EXIBIR/MOSTRAR



Para MOSTRAR um elemento APENAS na Página Inicial:



texto planoprint?

1 <b:if cond='data:blog.url == data:blog.homepageUrl'>





Para MOSTRAR um elemento APENAS nas Páginas Inicial, de Marcadores e de Arquivos:



texto planoprint?

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





Para MOSTRAR um elemento APENAS nas Páginas Individuais dos Posts(páginas internas):



texto planoprint?

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





Para MOSTRAR um elemento APENAS na Página de um Post Específico:



texto planoprint?

1 <b:if cond='data:blog.url == "URL_da_página"'>





Para MOSTRAR um elemento APENAS nas Páginas de Arquivos:



texto planoprint?

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





Para MOSTRAR um elemento APENAS na Página de um Marcador Específico: :



texto planoprint?

1 <b:if cond='data:blog.url == "http://NOME_DO_SEU_BLOG.blogspot.com/search/label/SEU_MARCADOR"'>









Onde colar o código:



No caso de Widget você deve localizar o título que você deu ao Widget e colar o código desejado logo APÓS a linha:



<b:includable id='main'>

e depois cole a linha:

</b:if>

antes do trecho:

</b:includable>

Comentários:

Postar um comentário