Como Ocultar Elementos em Páginas Específicas no Blogger

Mostre seus widgets ou elementos html apenas nas páginas desejadas com esse método.

Mostrar ou ocultar certos elementos nas páginas do blog é algo que deixa-o bem atrativo e com um ar de profissional. Muitos pensam que fazer esse processo pode ser algo muito complicado, mas na verdade não é, e agora mostraremos como mostrar/ocultar widgets ou elementos html em páginas do blogger pode ser algo relativamente simples, exigindo apenas atenção.


 Recomendamos que antes de qualquer alteração no código faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer Backup do Blog.


Tutorial

1º Passo: Se seu gadget ainda não tem título dê um título a ele (depois retire se desejar). Acessando "Layout","Editar" no gadget escolhido e em título escreva o desejado. Depois clique em "Salvar" e em seguida "Salvar Organização".


2º Passo: Agora vá em "Modelo" e depois "Editar HTML".

3º Passo: Clique no código de seu template, pressione "CTRL+F" e pesquise pelo nome do widget que você colocou.
*Você econtrará um código mais ou menos como esse:
<b:widget id='HTML2' locked='false' title='Teste' type='HTML'>...</b:widget>
4º Passo: Clique na seta preta ao lado para expandir, você verá um trecho de código parecido como mostrado na imagem abaixo:


* Você pode notar que o nome do widget está destacado em AMARELO.

5º Passo: Para demonstração incluiremos o hack para ocultar o widget TESTE na página inicial, acrescentando ficará assim:


* Percebam que incluí a primeira parte do hack <b:if cond='data:blog.homepageUrl != data:blog.url'> após o trecho <b:includable id='main'> e a segunda parte do hack </b:if> antes do trecho </b:includable>. Essa é a maneira correta de acrescentar no código.

6º Passo: Clique em "Visualizar", caso não contenha nenhum erro clique em "Salvar Modelo". Feito isso o nosso widget TESTE não aparecerá na página inicial do blog.

Esse passo a passo foi para ocultar o elemento da página inicial, mas, você poderá ocultar da página que desejar seguindo os mesmos passos citados modificando apenas o código do hack. Logo a seguir estão os códigos com suas respectivas funções.

OBS: Esses códigos funcionam não só com widgets, mas também com qualquer elemento HTML que você desejar ocultar.

Ocultar na página incial: 
<b:if cond='data:blog.homepageUrl != data:blog.url'>
</b:if> 
Ocultar nas páginas de postagens: 
<b:if cond='data:blog.pageType != "item"'>
</b:if> 
Ocultar em uma postagem específica: 
<b:if cond='data:blog.url != "URL do post"'>
</b:if> 
Ocultar na página inicial, de marcadores e arquivo: 
<b:if cond='data:blog.pageType == "item"'>
</b:if> 
Ocultar em uma página de marcador específica: 
<b:if cond='data:blog.homepageUrl !=“http://URL_do_Blog/search/label/Marcador”'>
</b:if> 
Ocultar nas páginas de arquivo: 
<b:if cond='data:blog.pageType != "archive"'>
</b:if> 
Ocultar na página de marcadores, postagens e arquivo: 
<b:if cond='data:blog.homepageUrl == data:blog.url'>
</b:if> 

Deixe seu comentário, pois ele é a motivação para nosso trabalho.

Comentários

 
Copyright ©2015 Canal Do MatheusBR Todos os Direitos reservados | Designed by Sinistro de BTN