Ocultar ou exibir elementos de páginas específicas no blog
blog
,
esconder
,
específicas
,
exibir
,
ocultar
,
páginas
5 comentários
Ocultando ou exibindo elementos de páginas específicas
Neste artigo, vamos explicar como ocultar ou exibir elementos de páginas específicas em seu blog. É um artifício bastante usado para ocultar ou exibir certos Gadgets ou colunas inteiras, seja a sidebar, rodapé, cabeçalho ou o menu.Você poderá ocultar ou exibir qualquer coisa de locais específicos do seu blog, podendo assim, usufruir da página inteira de seu template.
Para começarmos o post, primeiro vamos esclarecer um assunto que muita gente tem dúvida:
Pode-se ocultar elementos apenas de um determinado conjunto de páginas.
Exemplo: pode-se ocultar elemento de páginas "estáticas", ou seja, aquelas páginas que você cria na opção páginas e é limitado a 20 somente.
Postagens: independente da postagem que você criou ou o endereço dela, se aplicar o código em seu template, ocultará de todas as postagens.
Pagina inicial é somente na página inicial. O mesmo vale para a página de erro 404 e os marcadores.
Se desejar aplicar o código em seu template, esteja ciente do que afetará ao aplicá-lo.
Caso queira trabalhar dentro de uma página específica, limpando-a com todos os gadgets, rodapé e cabeçalho, leia este artigo:
Como ocultar elementos somente de uma página específica do blog
Tutorial - Ocultando elementos
Primeiro, analise o código abaixo:<b:if cond='data:blog.homepageUrl != data:blog.url'>
Aqui todos os que queremos ocultar
</b:if>
A parte que destacamos em vermelho são os elementos que queremos esconder, sejam Gadgets, colunas inteiras ou mesmo cabeçalho, rodapé e menu. Acima, inserimos um texto como exemplo.
Se o texto do exemplo anterior fosse parte de código fonte do blog e aparecesse em todas as áreas, como Gadgets que são padrão do Blogger, ocultaríamos ele da página inicial.
Caso queira ocultar mais algum elemento, apenas insira as condicionais que estão entre o texto no exemplo acima.
O próximo passo é entender como ocultar de outras áreas do blog.
Você precisa identificar a área que pretende ocultar e de qual lugar pretende ocultar e inserir as condicionais referentes à cada área.
Condicionais para ocultar as áreas específicas
- Página inicial
<b:if cond='data:blog.homepageUrl != data:blog.url'>
</b:if>
- Página interna
<b:if cond='data:blog.pageType != "item"'>
</b:if>
- Páginas de marcadores
<b:if cond='data:blog.pageType == "item"'>
</b:if>
- Páginas estáticas
<b:if cond='data:blog.pageType != "static_page"'>
</b:if>
- Página de erro
<b:if cond='data:blog.pageType == "error_page"'>
</b:if>
Agora vamos conhecer a função exibir
A função exibir elementos em páginas específicas no blog segue o mesmo esquema da função ocultar.Como o nome já diz, a função exibir faz com que o elemento dentro da condicional especificada seja exibido somente na área específica.
Conheça os locais e suas respectivas condicionais:
- Página de arquivos
<b:if cond='data:blog.pageType == "archive"'>
</b:if >
- Página estática
<b:if cond='data:blog.pageType == "static_page"'>
</b:if >
- Somente dentro da url de uma postagem
<b:if cond='data:blog.url == "URL-DO-POST"'>
</b:if >
- Páginas internas
<b:if cond='data:blog.pageType == "item"'>
</b:if >
- Página inicial
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if >
- Página de marcadores
<b:if cond='data:blog.pageType != "item"'>
</b:if >
Obs: Não esqueça que os elementos a serem ocultados das suas áreas específicas devem ficar entre a abertura e fechamento das condicionais, como no exemplo no começo deste tutorial.
Agora, com essas condicionais, você poderá ocultar ou exibir qualquer elemento de qualquer local do seu blog!
5 comentários :
O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.
Assinar:
Postar comentários
(
Atom
)
Em que parte do html eu aplico o código?
ResponderExcluirOlá, o código deve ser aplicado acima da tag < / head >
ExcluirEste tutorial de como ocultar ou exibir elementos de páginas especificas no blog foi reformulado.
ExcluirOi, eu fiz com código de ocultar na página inicial e coloquei acima de < / head > mas não aocnteceu nada ! :(
ExcluirOlá O código para ocultar elemento da página inicial é para ser inserido no ele,mento que você quer ocultar.
ExcluirOu seja você deve inserir a condicional em cima do elemento exemplo Gadgets banner etc... e abaixo do elemento o fechamento da condicional.
Veja a demostração abaixo:
Aqui o que eu quero esconder da página inicial do meu blog!
<b:if cond='data:blog.homepageUrl != data:blog.url'>
Aqui o que eu quero esconder da página inicial do meu blog!
</b:if>
Abraços...