sexta-feira, 25 de junho de 2010

Ocultando widgets|gadgets no blogger

http://img189.imageshack.us/img189/5622/asdasdasdx.jpgEste 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. 

Fonte - Icebreaker

Marcadores: , , ,

10 Comentários:

Às 15 de setembro de 2010 10:01 , Blogger Clube da risada disse...

Muito bom esse tutorial, parabéns mesmo, estava com esse problema para colocar o código do google analytics! Vlw!

 
Às 1 de outubro de 2010 00:32 , Blogger DDG-admin disse...

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??

 
Às 3 de outubro de 2010 22:48 , Blogger Códigos Blogger disse...

Infelismente não sei te responde, pois pode existi diferenciações nos códigos do template.

 
Às 6 de outubro de 2010 23:07 , Blogger DDG-admin disse...

Ok Códigos Blogger..
Já tentei de várias maneiras e não tive resultados.....
Mesmo assim obrigado pl atenção..Guri...

 
Às 20 de janeiro de 2011 23:37 , Blogger Fábio Della Pasqua disse...

Olá. valeu pela dica. Tinha feito anteriormente mas não ficou do jeito que eu queria. com a sua dica funcionou na perfeição. Paz.
Fábio

 
Às 6 de abril de 2011 22:02 , Blogger Conceitus de Beleza disse...

Aprecio demais as dicas daqui.
Parabéns por sua página tem sido muito útil mesmo.
Valeu!

 
Às 24 de junho de 2011 17:05 , Blogger Bru disse...

Otimo tutorial!!!!!!
Eu procurei muito nesse google viu uiahuaih
muiito obrigada pela ajuda!!

 
Às 14 de dezembro de 2011 19:59 , Blogger garotoesperto14 disse...

cara não conseguir nada ta dando erro

 
Às 14 de dezembro de 2011 20:02 , Blogger garotoesperto14 disse...

Não to querendo criticar mais é a 2 vez que eu pego um código seu e dá erro a primeira vez foi com o slide ai eu mesmo editei e agora foi com esse

 
Às 15 de dezembro de 2011 13:42 , Blogger Códigos Blogger disse...

Talvez o slide não tinha funcionado devido ao fato do script para seu correto funcionamento estar entrando em conflito com algum outro. Já este tutorial, a chance de dar algo errado é mínima. A única possibilidade é que talvez você tenha feito algo errado. Verifique.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial