, , ,

Mostrando uma mensagem em todos os posts de determinado marcador

17 comentários
Blogger Hacks 

Uma das estratégias mais usadas hoje em dia em blogs hospedados no Blogger/Blogspot, é fazer as páginas de marcadores funcionarem como se fossem sessões de um site. É uma boa estratégia que pode ser aperfeiçoada com os Hacks para exibir elementos apenas em determinadas páginas, personalizar a mensagem de status ou até mostrar somente títulos nas páginas de marcadores. O Hack que você verá hoje apresenta mais um aperfeiçoamento: mostrar uma mensagem padronizada em todas as postagens de um marcador específico. Desta forma você poderá criar introduções personalizadas, indicações de postagens ou outros textos que aparecerão em todas as postagens daquele marcador, com a facilidade de você poder mudar todas as páginas alterando um único texto.

Para mostrar uma mensagem em todos os posts de um determinado marcador, 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 seguinte código (utilizando o Ctrl+F do seu navegador):

<b:includable id='main' var='top'>

Então cole o seguinte código DEPOIS: 

<b:includable id='mensagem-marcador' var='post'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <b:if cond='data:label.isLast == &quot;true&quot;'>
          <b:if cond='data:label.name == &quot;Marcador&quot;'>
            <div class="mensagem-marcador">
             
Mensagem a ser exibida.
            </div>
          </b:if>
        </b:if>
      </b:loop>
    </b:if>
  </b:if>
</b:includable>

Substitua a parte em laranja pelo nome do marcador cujas postagens devem conter a mensagem (o nome deve ser exatamente o mesmo, diferenciando maiúsculas e minúsculas). A parte em verde é a mensagem em si. Você também poderá colocar links e formatação individual, usando as tags em HTML correspondentes.

Agora, adicione ao seu CSS (ANTES de ]]></b:skin>) o seguinte código:

.mensagem-marcador {background: #ccc; color: #000;}

No código acima, a mensagem estará configurada para ser exibida com fundo cinza e fonte preta, mas você pode alterar a formatação seguindo as dicas de CSS do hack Personalizando a exibição somente-títulos no Blogger (Etapa 4).

Em seguida, encontre o seguinte código:

<data:post.body/>

E cole o seguinte código DEPOIS:

<b:include data='post' name='mensagem-marcador'/>

Visualize para ver se não há erros no template e clique em Salvar Modelo. Agora os widgets aparecerão apenas na parte em 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ência:
Quite Random

Comentários (17)
eusoqueriaumcafe.com 01/04/09 14:25

ótima dica! vocês desses blogs de dicas deviam larnçar um concurso pra melhor layout original a partir das dicas de vocês! abraço!

edilene - amor 01/04/09 17:43

gostei
virei sempre aqui
segue o meu tb
grata

JefCor 01/04/09 18:28

Gostei porém o recado tem uma falha que é muito cometida pelos técnicos de forma geral (eu sei por que sou técnico a minha vida toda): saltar o óbvio. Quando saltamos aquilo que nos parece óbvio criamos problema para o leitor que fica com meia informação e mais confuso do que quando entrou. No caso, por exemplo, eu gostaria de implementar a solução mas não vou conseguir porque não sei o que é marcador e portanto não sei o que colocar na parte em laranja. Parece besteira mas, creia, não é. E tem muita gente por ai como eu...meio burro... que não saberá também, kkkk

jcdigital 03/04/09 23:00

Muito boa a dica Sergio, eu estava precisando disso neste momento ;)

Anônimo 05/04/09 17:01

JefCor

po....

SpaceFiller 06/04/09 11:16

Sérgio, você pode nos dizer como remover o titulo do arquivo do blogger?

Por exemplo, logo abaixo tem "Arquivo iceBreaker", se consegue fazer a mesma coisa no Blogger, só que além de aparecer dentro da caixa, tambem aparece em cima.

Entao fica aparecendo um titulo e dentro da caixinha. O seu só aparece na caixinha.

Thanks a lot for the mention!

//

¡Gracias por la mención!


--
Quite Random

Fabrício Araújo 17/04/09 11:00

Valeu Sérgio, a algum tempo que eu já havia procurado isso mais nunca tinha achado, já tinha visto um blog gringo com esse hack mais nunca tinha visto um tutorial.

Abraço.

rlmattos 01/06/09 12:00

Olá.
Tentei usar o hack diversas vezes e em dois templates diferentes, mas toda vez que o faço o conteúdo (as postagens) simplesmente desaparecem.

Além disso, quando vou fazer a 5ª etapa descobri que em um dos meus templates há 3 partes iguais a que você diz para encontrar.
Devo adicionar em todas as 3 ou somente na primeira?

Será que você poderia me ajudar dizendo o que pode estar dando errado?
Caso ajude dar uma olhada no blog: sotestandoumtemplate.blogspot.com

Obrigado, desde já e parabéns pelo excelente blog.

Fantasy 11/06/09 19:55

Cara, funciono certinho, soh que tipo, naum serve pra mim, pq eu tenho um blog de donwload, ai os marcadores, vai para: aplicativos, software, filmes, portable, etc.

Mais vlw pela dica.

Naum sei si eu sou louco, mais olha no meu blog,
Eu tipo crie um blog para cada link, naum sei si ta certo ou si vai dar problema na hora de eu quiser hospedar em algum dominio,
visita meu blog e me da algumas dicas por favor ?
vlw e brigado por tudo

http://fantasycla.blogspot.com/

jogonocelular.net 18/05/10 11:00

rlmattos...

tenta usar este código aqui:

https://dl.dropbox.com/u/895967/Template/baixartemplates.com/elemento.txt

Thiago Barreto 08/07/10 21:45

Eu queria uma ajuda por favor, já tentei diversas vezes e aparece a mensagem:

Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:includable" must be terminated by the matching end-tag "".

Bia 28/02/12 22:37

Olá, no caso se ao invés de uma mensagem, eu quiser por um widget? o que devo fazer? agredeço desde já.

Anônimo 08/03/12 20:55

segueee láááááá @PSM094

eusoqueriaumcafe.com 20/10/12 19:38

Olá. Tento usar a dica, mas o conteúdo de todos os posts somem. Poderia me ajudar? Abraço e obrigado!

Qing Cai 28/12/15 04:09

ray ban sunglasses
tiffany and co
canada goose jackets
ugg outlet
cheap michael kors handbags
tiffany jewellery
ugg boots
burberry outlet
louis vuitton outlet
louis vuitton bags
lululemon outlet
longchamp outlet
toms shoes
the north face jackets
lacoste polo shirts
longchamp handbags
true religion jeans
oakley
ugg outlet
tiffany jewellery
ugg boots
tory burch outlet
michael kors outlet store
tory burch outlet
oakley sunglasses
jordan shoes
christian louboutin
longchamp outlet
celine outlet
ugg boots
replica watches
ray ban sunglasses
discount michael kors handbags
oakley sunglasses wholesale
ugg boots
adidas outlet store
air jordan shoes
ghd hair straighteners
polo ralph lauren
the north face outlet store
cai20151228

林磊 18/04/16 03:29

2016-4-18 leilei
michael kors handbags
coach outlet online
lacoste polo shirts
nike air max 90
stephen curry shoes
mizuno running shoes
puma shoes
michael kors handbags
cheap oakleys outlet
michael kors outlet clearance
michael kors outlet online
asics shoes
burberry uk
cheap oakley sunglasses
coach purses on sale
cheap basketball shoes
ray ban sunglasses
polo ralph lauren
ed hardy uk
salvatore ferragamo
under armour shoes
jimmy choo shoes
burberry handbags
michael kors outlet
under armour outlet
sac longchamp
coach outlet online
rolex daytona
kate spade outlet
jordan shoes
converse uk
nike tn pas cher
true religion outlet
ralph lauren
cheap oakley sunglasses
toms shoes
michael kors outlet online
adidas superstars
canada goose sale

Postar um comentário