, , ,

Ocultando elementos em páginas específicas no Blogger

52 comentários
Blogger Hacks 

Este Hack é muito importante para quem quiser deixar seu Blogger/Blogspot com uma cara mais profissional. Consiste em esconder ou exibir widgets dependendo do tipo de página que está sendo visualizada, como a página inicial, de postagens, marcadores e arquivo. Com ele, podemos por exemplo, ocultar um banner ou anúncio quando o usuário estiver vendo uma página de postagem individual. As possibilidades são imensas!

Para controlar a exibição de um elemento/widget/gadget no seu template, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template. Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o widget que você deseja controlar a exibição, através do título dele (utilizando o Ctrl+F do seu navegador). Caso o widget não tenha um título, vá em Elementos de Página e dê um título a ele (poderá ser removido depois). Você encontrará algo parecido com isso:

<b:widget id='HTML1' locked='false' title='Título' type='HTML'>

Este é apenas um exemplo, o trecho não precisa ser HTML1, ou locked=’false’. Você deverá encontrar seu widget através do título.

Agora vamos analisar o restante do código, para que possamos aplicar o Hack (parte em vinho): 

<b:widget id='HTML1' locked='false' title='Título' type='HTML'><b:if cond='data:blog.pageType != "item"'>

<b:includable id='main'>

(código específico da variável)

- código fonte do Widget -

</b:if>

</b:includable>
</b:widget>

A parte “- código fonte do Widget –” é apenas uma representação do código do Widget que você encontrará entre as partes verdes.

Então vamos acrescentar o código entre <b:includable id='main'> e </b:includable>, que está em vinho, SUBSTITUINDO a parte “(código específico da variável)” pelo código desejado: 

Ocultar nas páginas de postagens:
<b:if cond='data:blog.pageType != "item"'>

Ocultar na página incial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>

Ocultar em uma postagem específica:
<b:if cond='data:blog.url != "URL do post"'>

Ocultar na página inicial, de marcadores e arquivo:
<b:if cond='data:blog.pageType == "item"'>

Ocultar em uma página de marcador específica:
<b:if cond='data:blog.homepageUrl != “http://URL_do_Blog/search/label/Marcador”'>

Ocultar nas páginas de arquivo:
<b:if cond='data:blog.pageType != "archive"'>

Ocultar na página de marcadores, postagens e arquivo:
<b:if cond='data:blog.homepageUrl == data:blog.url'>

Por exemplo, vamos supor que eu queira que meu widget de título “Publicidade” esteja oculto somente na página inicial. Então vou encontrá-lo através do título e acrescentar o código, deixando-o assim:

<b:widget id='HTML1' locked='false' title='Publicidade' type='HTML'><b:if cond='data:blog.pageType != "item"'>

<b:includable id='main'>

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

- código fonte do Widget -

</b:if>

</b:includable>
</b:widget>

O Hack também funciona para elementos que não sejam widgets, como partes em HTML. Neste caso, basta colocar o código em vinho antes do início do código e o </b:if> após o fim.

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Agora os widgets aparecerão apenas nas páginas que você determinou.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Comentários (52)
alegriaesantidade 26/07/09 14:09

Sérgio, estava sentindo falta dos posts!

Obrigado pela hack, era EXATAMENTE o que estava procurando. Troquei de template recentemente, e há um slider nele; o problema é que ele aparecia em todas as páginas, e eu desejava que ele aparecesse apenas na página inicial... exatamente como você ensinou aqui. VAleu!

Lohrann 03/08/09 15:02

Como eu faço para criar microposts?

DyGoOOoo 04/08/09 22:14

olá.. meus sinceros parabéns pelo blog... está me ajudando muito a deixar meu blog com uma cara mais profissional.. dá uma passada lá se possível e me dá umas dicas do que precisa ser modificado ou melhorado.. conto com a sua ajuda.. mais um obrigado pela ajuda que seu blog me tem dado na melhora do meu o "CoNeCtAdO" esse é o endereço CoNeCtAdO.. um grande abraço

DyGoOOoo 04/08/09 22:16

desculpa por apenas o endereço é que não apareceu no comentário de cima mas aqui está o endereço certinho e as páginas que eu modifiquei foram as páginas de contato e a de parcerias ficaram perfeitas sem o widget de posts relacionados nelas..www.connecttado.blogspot.com

Elke di Barros 10/08/09 01:25

Oi Sérgio tudo bem ? Tomei a liberdade de reproduzir algumas partes deste post em meu blog, mas deixei o link deste mesmo post para quem quiser vir aqui. Espero que não tenha problema, mas se tiver, é só escrever. Um abraço e obrigada.


Elke di Barros ;-)

Será que pode me ajudar?
Mudei o código para tirar o navbar do meu blog. Inseri um código, que não consegui postar aqui.
Além disso, tentei mudar o layout do meu blog.
Resultado: não aparece mais a opção layout para inserir gadgets.
Quando abro meu blog, todos os gadgets criados desapareceram, como contador de visitas, visitas on line, links favoritos, etc.
Foram 3 meses de trabalho!
Como posso reverter ao layout do meu antigo blog, com todos os gadgets adicionados?

Leozinho 11/09/09 12:00

cara nao to consiquindo esconder um post vc podi mi ajudar(oprigado des di já)

Jaqueline Alves 20/10/09 12:41

Olá eu tentei de todas, eu disse todas as maneiras colocar esse codigo no meu template, mas dá erro, ele deixa de aparecer em todo o blog, e em alguns casos a unica coisa que ocultou foi o titulo do html, eu quero que o html apareça somente na pagina inicial


EU PRECISO MUITO DE SUA AJUDA, É UMA TELA DE BOAS VINDAS, OU SEJA DEVE FICAR APENAS NA PAGINA PRINCIPAL. EU SÃO SEI AONDE ESTOU ERRANDO, MAS JÁ TENTEI INUMERAS VEZES!!!

Anderson Soares 25/10/09 15:52

Cara eu tentei ocultar a sidebar-wrapper, main-wrapper e a newsibebar-wrapper em uma postagem especifica até ai blz, mas quando fui olhar as demais paginas ficou tudo bagunçado
a sidebar-wrapper e a newsidebar-wrapper ficaram por cima da main-wrapper.
como eu faço para que de certo?
desde ja agradeço pela ajuda.

Dica Essencial, depois de usar bastante nós se acustamamos.
Mas mesmo assim temos que ter cuidado

Wellington Torrejais
Tecnomorfose.blogspot.com

felipe 17/01/10 20:06

ola estou com uma duvida



bla bla bla .....


bla bla bla.....
blablabla....



é o seguinte 1º eu Ocultar na página de marcadores, postagens e arquivo: dai entre

e


eu queria mostrar um widget só com a condicional


vai dar algum resultado ou não
ou ñ entendeu nada?

Vitor Farias 22/01/10 23:40

Eu tenho o LinkWithin adicionado ao meu blog, gostaria que ele aparecece apenas nas postagens. Ja tentei de tudo e não consegui. Ele aparece até na pagina inicial. Como faço pra ele aparecer só nas paginas de posts?

gameshg 24/01/10 18:03

Muito bom este tutorial com certeza vou utiliza-lo..
E parabéns pelo seu blog.

pelo amor de deus me ajudem aí,não entendi como se faz e preciso urgentemente desse código guihmail@gmail.com por favor aí galera do ice breaker e galera internauta

Avelino 23/02/10 16:16

E para aqueles widgets que são dividos e não possui o codigo mencionado e não tem este includable e são só uma linha etem vários juntos?

Abraço!

Avelino 23/02/10 16:19

Opa esqueci de clicar em expandir modelos...

Desculpa!rsrs

Equipe Nod Games 08/03/10 14:04

Fiz isso mais nao pego nao quiz men salva deu erro no html sei meche muito em html mesmo asim nao deu da erro em tudo ja tetei que so a ...

Daniel Moura Franco 28/03/10 22:54

como faço para ocultar as postagens do blog na pagina inicial ?

é uma parte do html, mas não consegui, se poder me explicar mais detalhadamente, agradeço.

tatodicastro 16/04/10 21:59

NAO ENTENDI NADA DI NADA :D

João Pedro 15/05/10 09:34

Eu criei uma variável de downloads de: e a data, e funcionou perfeitamente

Santiago Régis 15/05/10 16:08
Este comentário foi removido pelo autor.
Joabe 04/06/10 17:14

Muito bom Sérgio, foi muito útil

Thays 17/06/10 15:29

oii, nossa foi muito útil isso pra mim, você está de parabéns, tá muito bem explicado, que vc tenha muito sucesso com o seu blog, é uns dos melhores que eu já ví, parabéns mesmo!

WLW mais uma Sérgio!!!
Aqui pra mim deu certinho. Foi tão fácil que apenas precisei adaptar a variável específica que já existia no meu template.
Parebéns pelo trabalho sério e impecável.

Câmara de Embu 24/06/10 11:39

Cara não sei o que pode ta rolando, usei esse seu Tuto e funciono sim, para o elemento indicado pela gagets, mas a Caixa do gagets não oculta, permanecendo o buraco na tela, sem que as postagens se sobressaiam nas páginas internas. Quero dizer, o conteúdo oculta, mas fica o campo [vázio], sem que ele se oculte nas páginas internas. Minha intenção era que eles "sumissem" nas páginas de postagens e só tornassem visível na página inical[home].

o que eu faço? há essa possibilidade?

@Câmara de Embu

O que esta acontecendo e que você esta colocando o codigo ja dentro da (div) do widget fazendo com que oculte somente o conteudo, tente colocar fora da (div) por exemplo:

(b:if cond='data:blog.home....)
(div)
CONTEUDO
(/div)
(/b:if)

Assim ira ocultar tambem o espaço que ele ocupa.

Muito bom! Poderia informar como ocultar a postagem da Home do blog ?

Sucesso!

Admin 20/09/10 19:44

muito obrigado
era o q eu precisava
deixa o template mais profissional

DDG-admin 30/09/10 12:39

Não funciona em widget com tres imagem....
No meu blog os widgets tem imagens topo,meio e rodapé,só a imagem do rodapé que fica visivel,e quanto ao resto deu certo !!!!
Só não some a imagem do rodapé,já fis de tudo e não consegui resultados...!!
Deu pra entender ???

Alguem sabe porque??

Júnniorr 04/11/10 17:27

Como eu faço para criar uma pagina onde posso colocar outras coisas que não sejam postagens por exemplo, a pagina Contato, onde posso colocar um formulário de contato e outras paginas?
Tem como criar uma postagens e ocultar ela(para colocar essa pagina)?
e como fazer para mudar a forma que as postagens são armazenadas (****/2010/10/****.html)? Tem como mudar a pasta em que armazenada? Ou pelo menos ocultar essa pasta da URL?
Tem como acessar as pastas do blogger por FTP?
Se puder me ajudar eu agradeço!
email: jrsk2009@hotmail.com

Eu queria aprender como ocultar as postagem da pagina inicial e so aparecer qualdo entrar nos marcadores

Well Souza 12/01/11 15:13

Oi,
gostara de saber como faço para ocultar nas páginas estáticas do blog. tipo (meublog.blogspot.com/p/título da postagem). Nessas página, todos os 'elementos de página' aparecem.
Agradeço desde já!

jean e inaia 27/02/11 01:28

opa, consegui executar com sucesso todos os widgets, menos o de seguidores !

Existe algum jeito ?

Obrigado

Junkes Júnior 27/02/11 18:58

Como visualizar eles só na página inicia?

Anônimo 28/02/11 22:47

A melhor forma de aumentar sua renda mensal, veja este Blog e aprenda a trabalhar on-line e receber bem. Atenção este Blog não se trata de fórmulas mágicas para ficar rico, é apenas uma ajuda mensal que varia de 1 á 3 salários mínimos.
http://renda-extra-clicando.blogspot.com

Anônimo 07/03/11 16:50

Simplismente FANTÁSTICO, estava procurando por isso faz tempo, vlw mesmo :D

www.granareal.tk

ISABEL 10/03/11 15:52

olá ,
estou com um problema , será que algum poderia me ajudar? eu sempre ouvi diser que os motores de busca deletam as paginas que tentam trapacear com textos ocultos. acontece que eu quero tirar a data que fica em cima de cada post e nao estou consseguindo . dai eu coloquei a fonte da deta nao mesma cor do background . será que isso pode me prejudicar?
abraço
meu blog é wwww.sapatosisabelmelotto.blogspot.com

Gedaias 15/03/11 15:45

OLA BROTHER QUERO ADICIONAR GADGETS EM UMA UNICA PAGINA QUE NÃO É HOME. PASSA O COD FALOW

Petrus 08/04/11 13:13

Olá, queria saber se é possível ocultar um elemento em "determinado browser". Não sei se é possível, mas quero isso pois a última versão do FireFox não interpreta meu Blog Corretamente. Se for possível me ajudar ou quiser visualizar como está o blog http://gamesbrew.blogspot.com

EI CARA PRECISO DE AJUDA COMO EU FAÇO PRA OCULTAR AS POSTAGENS DA PAGINA INICIAL SO DEICHAR AS POSTAGENS EM CADA MENU??

SE SOUBER ME FALA!!!
OK

Vlw pela ajuda...
me ajudo mt !

Andrea S'Mirna 15/07/11 11:59

OLÁ GOSTARIA DE SABER COMO OCULTAR O MARCADOR NO POST
FICAREI GRATA SE ME AJUDAR, ME AJUDA, ME AJUDA ESTOU MUITO PRECISANDO. ABRIGADA

Sergio-F 04/08/11 14:26

Aqui não funcionou!
Em vez de ficar oculto aparece um traço azul do widget.

Daniela Baumgarten 10/08/11 09:38

Oi Sérgio!

Estou ocultando em marcad/pág/arquivos, mas sempre fica um pequeno espaço nas demais páginas, como se o gadget estivesse ali "escondido".

Sabe o que pode ser? Tem como tirar esse espaço?

Muito obrigada!!

Anônimo 01/09/11 22:40

meu amigo me ajude por favor já procurei em muitos tutoriais e mandei mensagens para muitas pessoas mas ninguem nunca me ajudou espero que me ouça.
bom minha duvida é a seguinte: tenho um blogspot e toda vez que vou publicar uma postagem ela fica na pagina inicial mesmo como marcador, mais para algumas não queria que isso acontecesse pois assim não tem graça os marcadores.
por exemplo, a pessoa não precisa clicar no link pois a postagem ja está na pagina inicial. entendeu?
me ajude meu velho lhe peço
meu blog:dowvirtual.blogspot.com
meu e mail: ousado.99@htmail.com
valeu!

down virtual 01/09/11 22:42

meu amigo me ajude por favor já procurei em muitos tutoriais e mandei mensagens para muitas pessoas mas ninguem nunca me ajudou espero que me ouça.
bom minha duvida é a seguinte: tenho um blogspot e toda vez que vou publicar uma postagem ela fica na pagina inicial mesmo como marcador, mais para algumas não queria que isso acontecesse pois assim não tem graça os marcadores.
por exemplo, a pessoa não precisa clicar no link pois a postagem ja está na pagina inicial. entendeu?
me ajude meu velho lhe peço
meu blog:dowvirtual.blogspot.com
meu e mail: ousado.99@htmail.com
valeu!

C. EmanueL 14/10/11 15:37

Eai cara, seguinte eu estou usando esse hack para retirar o autor e titulo da página, enquanto uso apenas 1 link, vai de boa, mas queria saber como usar mais de um link estou usando esse "" quero colocar vários urls, como fazer?

Oi tudo bem? Eu queria muito saber se tem como alterar a imagem do cabeçalho somente em uma determinada página, é possível?

e tem como eu colocar os marcadores no lugar do título do blog?

Henrique 05/11/11 11:48

PERFEITO! COMO UM SITE CONSEGUE TER POSTAGENS ASSIM QUE NINGUEM NUNCA CONSEGUIU? ESTAO DE PARABENS, GOSTARIA QUE CONTINUASSEM ASSIM HAHAHE E FAZEREM POSTAGENS DO QUE O POVO PEDE :))

garotoesperto14 15/12/11 17:13

cara não to conseguindo usar o código pode me ajudar ????

Murilo_pedroza@hotmail.com

Postar um comentário