11 de mai de 2013

Ocultar/mostrar elementos no Blogger


O Blogger talvez seja a plataforma gratuita que mais dê possibilidades de personalização do blog. É possível fazer com os templates hospedados no Blogger uma infinidade de modificações e implementações tão variadas que por vezes tenho que conferir o código fonte para ter certeza de se tratar mesmo de um blogger/blogspot. Além do layout,  por vezes  necessitamos de códigos que ajudtaem a carregar o blog com maior rapidez e uma boa pedida é termos elementos em páginas específicas, deixando o blog mais leve e melhorando assim sua indexação. Esta postagem pretende te dar uma idéia de como ocultar ou mostrar elementos em páginas específicas. Por exemplo, suponhamos que seu blog tenha os posts relacionados e que você deseje que apareça apenas nas páginas internas de seu blog, para isso é necessário usar um código específico ao abrir o código (antes do código em si).

Para implementar esse hack é necessário ter algum conhecimento em HTML, vá então ao editor de seu blog.




Ao encontrar a parte do código que queira ocultar/mostar insira o código abaixo, as partes grifadas em cinza. Note que o código inicia e depois fecha com </b:if>, conforme está grifado. E é desta forma que os códigos sempre deverão ser usados.



ex:

<b:if cond='data:blog.pageType == "item"'>
AQUI O CÓDIGO DOS POSTA RELACIONADOS
</b:if>




OCULTAR ELEMENTOS


  • Para que o elemento não apareça na página inicial o código será esse:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
código do que não quer que apareça na página inicial
</b:if>


  • Para que o elemento não apareça nas páginas das postagens
<b:if cond='data:blog.pageType != "item"'>
código do que não quer que apareça nas páginas das postagens
</b:if>

  • Para que o elemento não apareça nas páginas estáticas

<b:if cond='data:blog.pageType != "static_page"'>
código do que não quer que apareça nas páginas estáticas
</b:if>

  • Para que o elemento não apareça nas páginas de arquivo, marcadores e página inicial

<b:if cond='data:blog.pageType == "item"'>
código do que não quer que apareça em arquivos, marcadores e página inicial
</b:if>





MOSTRAR ELEMENTOS


  • Para mostrar o elemento apenas na página inicial, o código será este


<b:if cond='data:blog.url == data:blog.homepageUrl'>
código do que quer mostrar apenas na página inicial
</b:if>


  • Para mostrar o elemento apenas na página de postagens

<b:if cond='data:blog.pageType == "item"'>
código do que quer mostar apenas nas páginas das postagens
</b:if>

  • Para mostrar o elemento apenas nas páginas estáticas

<b:if cond='data:blog.pageType == "static_page"'>
código do que quer mostrar apenas nas páginas estáticas
</b:if>

  • Para mostrar apenas nas páginas de arquivos, marcadores e página inicial

<b:if cond='data:blog.pageType != "item"'>
código do que quer mostrar apenas em arquivos, marcadores e página inicial
</b:if>

  • Para mostrar apenas na página de um post específico

<b:if cond='data:blog.url == "endereço do post"'>
código do que quer mostrar apenas em uma página específica
</b:if>

Um comentário:

  1. COMO ASSIM??? EU COLOCO O CÓDIGO AONDE???
    MEU BLOG:http://monster-high-portal.blogspot.com.br/

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube