Ocultar elementos na página principal do blogger | Quero Dicas | Tutoriais para seu blogs


Ocultar elementos na página principal do blogger


Ocultar elementos na página principal do blogger
Hoje você vai  aprender a ocultar ou exibir elementos para que eles apareçam somente na página principal, ou seja, você vai poder escolher quais elementos você quer visualizar, somente em sua página inicial.

O padrão do blogger é: Fazer aparecer quaisquer elemento que instalamos em todo o nosso layout (inicial, interna, de marcadores e de arquivos). Porém é possível definir, através de alguns códigos em quais páginas deverão aparecer os elementos que instalamos ou vamos instalar. Desta forma, controlamos a exibição ou a eliminação de um ou mais elementos em nosso template.

Para não ficar gigantesco o post e caso queira nas páginas internas, incluindo as páginas de marcadores e arquivos, deixarei os códigos no final, pois o processo é o mesmo do tutorial a seguir.

  TUTORIAL 

Para que você entenda o processo:
Digamos que você tenha instalado alguma propaganda, slide ou imagem em seu layout e você não quer que ele apareça em todas as páginas, somente seja visualizado na página inicial (Home).

Passo principal:
Saiba onde ele está dentro do seu HTML ou como o código dele começa.
Exemplo: Digamos uma propaganda do Adsense, ele começa assim:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"

e termina assim: 

(adsbygoogle = window.adsbygoogle || []).push({}); </script>


Em seguida, siga os passos abaixo;

1 - Acesse o painel do Blogger,

2 - Vá em "Modelo" e "Editar HTML"

Vá em "Modelo" e "Editar HTML"


3 - Procure pelo código do elemento que você quer controlar a visualização.

4 - Acima dele cole:

 <b:if cond='data:blog.homepageUrl != data:blog.url'> 
5 - E ao final do código cole:

 </b:if> 

 

Ficando assim:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"

---- o meio do código -----

(adsbygoogle = window.adsbygoogle || []).push({}); </script>
</b:if>

6 - Salve e pronto. A propaganda Adsense não vai mais aparecer na página principal do blog.
Lembre: Sempre que utilizar o código em qualquer um dos elementos da página, você deve usar a abertura ACIMA da linha inicial do elemento e fechar APÓS o código de encerramento dele. Como destaquei em azul

CÓDIGOS ESPECÍFICOS

Ocultar

APENAS na Página principal (Home)



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

APENAS nas Páginas internas (postagens
)

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

APENAS na Páginas de marcadores e arquivo

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

APENAS nas Páginas Estáticas


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

Lembre: Sempre que utilizar o código em qualquer um dos elementos da página, você deve usar a abertura ACIMA da linha inicial do elemento e fechar APÓS o código de encerramento com </b:if> 
Exibir

APENAS na Página principal (Home)

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

APENAS nas Páginas internas (postagens)

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

APENAS na Páginas de marcadores e arquivo

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

APENAS nas Páginas Estáticas

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

APENAS na Página de uma postagem especifica

 <b:if cond='data:blog.url == "URL-DO-POST"'> 
 


NOTA:
Com o uso de ocultação na página principal, você poderá melhorar o carregamento do seu blog, certos elementos "pesados" na sua página inicial.
Caso algum dos códigos que você inseriu não tenha dado certo, recomendo que você teste outro ou tente reinstalá-lo

Ajudou? Gostou? Faço questão do seu comentário. Beijinhos
Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.