Seguidores

Fórum - Últimos Tópicos

Últimos Comentários

, , ,

Exibindo um elemento apenas na página inicial, ou de marcadores, ou de postagens, no Blogger

19 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, exibir um banner ou anúncio apenas quando o usuário estiver vendo a página inicial do blog, e outro, em local diferente, quando ele estiver visualizando uma postagem. 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 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: 

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

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

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

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

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

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

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

Mostrar apenas na página de marcadores:
<b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType != "item"'>

Atenção: Neste caso deve ser acrescentado mais um </b:if> antes de </b:includable>

Por exemplo, vamos supor que eu queira que meu widget de título “Publicidade” apareça 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.

Referências:
UsuárioCompulsivo | Scrapur

Comentários (19)
eusoqueriaumcafe.com 20/03/09 18:21

DEUS LHE PAGUE! Você é O CARA! Valeu!

eusoqueriaumcafe.com 20/03/09 18:31

Nossa, novamente, obrigado demais, meses e meses esperando por esse código nenhum outro blog ajudava ou respondia! Valeu demais da conta (mineirinho - risos)!

GAMA 20/03/09 22:43

faltou o page type = archives


^~

monthiel.com 25/03/09 14:00

Cara, eu usei em meu blog. Ficou muito bom. Na página inicial tem um mini-shop na sidebar, mas nas páginas de artigos elas não aparecem. Show de bola. Valeu!

Abs,
@monthiel

centralfitness 26/03/09 11:56

e se não tiver titulo, como eu seleciono ele para aprecer em determinada página?

iceBreakerSérgio Estrella26/03/09 12:14

Como eu disse no tutorial: "Caso o wdiget não tenha um título, vá em Elementos de Página e dê um título a ele (poderá ser removido depois)"

Marden Jump 13/05/09 17:56

Olá Sergio,
é possível eu ocultar o widget apenas numa postagem?
Por exemplo: Fotos, Contato.
No caso se desse eu substituo a url do post por qual parte do código!

Abs

CentralFitness 19/05/09 16:58

Obrigado

Avisa o pessoal que tem que expandir modelos Widget!

Victor 10/06/09 12:30

Valew brother, você "salvou vidas" xD

Johnny Rox 16/06/09 14:36

Depois do lamentável desaparecimento do Blog a la Carte, este foi o tutorial mais completo que já encontrei.

ADM-Filmolatas 21/06/09 07:16

Muito bom o tutorial, o problema e que no meu so some o titulo do widget o que ta nele continua em todas as paginas no meu caso e um chat em flash ñ sei se isso tem aver com o problema ajude me por favor!

ViNi Oliveira 13/07/09 16:25

é cara...
tem como eu fazer o widget aparecer só em uma postagem?

tipo... eu pegaria o link da postagem e colocaria dentro desse código aí, mas como faria isso?

ou se não der pra ser por link da postagem
podia ser direto por um determinado marcador, pegaria o nome do marcador e colocaria dentro desse código aí, tem como?

valeu

Jay Goiana 15/07/09 12:03

eu não conseguindo parceiro...
por favor eu preciso fazer isso funcionar

todomundonazona 16/07/09 10:27

parceiro eu não to conseguindo...
meu template ao invés de ter HTML1 tem label
funciona assim mesmo?

Ricvelozo 03/08/09 17:32
Esta postagem foi removida pelo autor.
Ricvelozo 03/08/09 17:35

Obrigado!

Eu estava esquecendo do "data:" e das aspas adicionais em torno de "item", por isso tava dando errado para mim. Olhar este post me ajudou muito. Valeu!

EXTREME RESCUE 04/10/09 14:50

Amigo, Estou com um problema... Não consigo ocultar posts de marcadores específicos na minha página principal... Vc pode me ajudar?

Marcos-Bikimam 02/11/09 19:15

Tem como voce faze um jeito, para apareçer as colunas do blog , só no inicio ? se tiver posta ai ! obrigadao ! mesmo assim !

R.R. Alves 18/01/10 04:06

VLW

Postar um comentário