O Blogger inseriu mais uma inovação que é muito útil e substitui aquelas funções que só a navbar tinha, o recurso permite enviar a postagem para diversos serviços de compartilhamento que são os principais, Twitter, Facebook, Buzz e ainda funções como enviar por e-mail e blogthis ou seja postar no seu blog o link da postagem. Quem tem os templates padrões do Blogger, pode desfrutar deste serviço apenas acessando o painel mais quem possui um template personalizado deve fazer algumas alterações que veremos abaixo.
Ativando o serviço pelo painel
1) Acesse o painel do Blogger(draft.blogger.com)
2) Vá “Layout/Design”-> “Elementos da página”-> “Postagens no blog”-> “Editar”
3) Selecione a caixa “Mostrar botões de compartilhamento”
4) Verifique se apareceu um barra de ferramentas como esta abaixo:
5) Se apareceu, não será necessário fazer qualquer alteração no seu blog, caso contrário faça a alteração seguinte.
Alterando HTML
1) Vá em “Layout/Design”-> “Editar HTML”-> Marque a caixa “Expandir Modelos de Widgets”
2) Procure pelo seguinte código utilizando as teclas “CTRL” e “F”:
<div class='post-header-line-1'> Obs.: Se tiver mais de um lembre-se que é o segundo e como referência ele deve estar antes do seguinte código:
<div class='post-body entry-content'>
3) Substitua-o pelo seguinte:
<div class='post-header'>
<div class='post-header-line-1'><div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
</div> 4) Salve e visualize.
Pronto creio que agora o serviço vai funcionar com certeza pois verifiquei nos modelos padrões e única diferença era essa pois o código do botão o blogger já havia adicionado então o que faltava era este.
54 Comentários
muito obrigado, tava precisano
aq eu to quereno colocar um baner flutuante no meu blog para os visitantes assinad o feed via feed buner, so que eu queria ele assim: o visitante entra ai aparece o baner no centro da tela e o resto da tela escurece, se o vistante rolasse a pagina ele aconpanhace tb....
desde de ja obrigado...
como faço para colocar embaixo da postagem?
Oi Fernando, fiz como orientou, disse que se aparecesse as barras de ferramentas não seria necessário colocar os códigos, marquei a caixa, mas os icones não apareceram.
@Marilucia
Então você deve adicionar os códigos que forma mostrados na postagem, se não funcionar comente...
não está funcionando até agora (20.05/10)
consegui agora , valeww, indico aqui!
não funcionou, nem no DRAFT BLOGGER e nem no blogger antigo!! se puder responder porque!.... lá onde há as configurações da postagem (no layout) não aparecem estes ícones!! agradeço
A minha barra de ferramentas apareceu em cima de cada postagem eu queria que aparecese embaixo junto com os marcadores como faco?
Muito obrigado, muito útil!
A minha barra de ferramentas também apareceu em cima de cada postagem eu queria que aparecese embaixo junto com os marcadores como faco?
Vaaaaaaaaaaaaaaaaaaaaaaaleuuuuuuuuu! Brigado mesmo cara! Seu Blog é o melhor!
aqui não funcionou
@Cristian
Tente novamente pois os passos deste tutorial estão OK.
Ela fica abaixo do título. tem como deixá-la embaixo? Junto com os comentários?
Caraca!!!
Valeu a dica.Estava procurando um jeito de fazer isso sem a complicação de mudança de códigos e encontrei,valeu.
Pena que não o orkut junto.
Indico e funciona mesmo.
Abraços
E se o lay não tem "div class='post-header-line-1'" como faço?
@Ana do ***Calcinha Fru-Fru***
Basta adicionar então em div class='post-header-line-1'
Brigadão!!!!!!
o unico lugar que eu achei como fazer aparecer esse recurso!!!
Vlw !!!
Ótimo, eu achei extremamente útil para nós blogueiros!!!
Obrigado
;-)
Até mais...
Meu tema não tem post-header-line e nem post-footer-line.
Alguma outra sugestão?
Muito bom. Obrigado.
No meu blog não tem o primeiro código, mesmo assim procurei pelo segundo e colei o código maior acima dele, e os botões apareceram, mas em cima da postagem e abaixo do título. Como faço para colocar is botões abaixo da postagem?
Obrigada!
Os botões aparecem, mais no meu caso aconteceu o mesmo no que da Carol K. Os botões ficaram em cima. Mesmo entrando em Elementos de página, editar postagens do blog , e colocando ele em baixo, os botões continuam em cima. O que posso fazer ?
Obrigada ;D
Ola,
Segui suas dicas sobre colcoar os botões de compatimento nas postagens mas eles ficaram na parte de cinma das postagens, logo embaixo do titulo. Eu mudo conforme o meu gosto nas ferramentas mas mesmo assim eles ficam na parte superior e la encima fica estranho. Como que faço para remove-lo para parte de baixo?
Parabéns pelo seu belo site concerteza o melhor do genero.
Obrigado desde ja
abraço
Valeu!!
Já que o Blogger não facilita a nossa vida, vc facilitou!! =)
nossa valeu \o/
Obrigado pela dica! Facilitou muito!
Agora basta descobrirmos como colocar ela lá em baixo.
Abraço
Olá, muito útil e realmente funciona. Mas a barra apareceu acima da postagem e abaixo acabou sumindo algumas opçoes, como o link "Mais" para ler todo o artigo.
Notei q isso não foi um problema só meu, se puder nos ajudar, eu agradeço :)
Feliz 2011 a todos!
Valeu mesmo, resolveu meu problema aqui.
Gente preciso de uma ajuda. Consegui por os botões de compartilhamento, porém qdo abre a janela do face book, só aparece a foto e o título do post. Já vi em alguns blogs q qdo se clica no compartilhamento vai o título a foto, uma parte do texto e o autor. Como configuro isso...agradeço...abraço, Janine
Muito útil, funcionou muito bem.
Muito Obrigada
Consegui, tive que alterar em html, mais ele ta la em cima, gostaria de colocar no final da postagem, tem como?
Fiz o que foi descrito e não houve alteração alguma no meu blog. Estranho.
Depois consegui, colando o código. mas,como todo mundo, os botões de compartilhamento ficam em cima, logo abaixo do título e não no rodapé.
meu html nao possui div class='post-header-line-1'
comoproceder? acrescentar? onde? uma letra errada muda o template todo podendo vir a tirar do ar...
Obrigado
galera a baixo da postagem é so ir atras dos codigos div footer line
Hola... eu estou com um pequeno (ou grande) problema, os botões de compartilhamento no meu blog não aparecem os ícones... percebo que o lugar é adicionado mas fica como se fossem invisíveis, como se nada tivesse alí. Acredito que o erro seja do meu template.. alguma alteração inadequada que fiz.... pois o botão do Tumblr também apresentou o mesmo erro. Nessa parte informada no tutorial por exemplo o meu tá assim:
<*b:if cond='data:post.dateHeader'>
<*h2 class='date-header'><*span><*data:post.dateHeader/>
<*div class='post-header'>
<*div class='post-header-line-1'/>
<*/div>
<*div class='post-body entry-content'>
<*data:post.body/>
Será que é esse o meu problema?
PS: Coloquei o código com * pra postar aqui o HMTL
Caro
O código funcionou, Eu só ficaria feliz se conseguisse mostrar o número de comentários do Dihitt com os comentários colapsados, que nem no Blog Brasil Acadêmico.
[]´s e bom trabalho
Eu fiz isso direitinho, mas na hora de "visualizar", aparece que o código não funciona. Aparece...
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 "".
Error 500
E agora? :\
Consegui modificar, BUUUUT aparece duas vezes...
Depois do título e no fim da postagem....
Como faz pra deixar somente no fim da postagem?
Me ajuda?
Achei a solução aqui
http://www.dicasblogger.com.br/2010/11/como-colocar-share-buttons-do-blogger.html
Muito útil!! Obrigada!!
Veja como ficou mais legal meu blog com essa sua dica!!
http://bordadosvegetarianos.blogspot.com
@Ana do ***Calcinha Fru-Fru***
O mesmo problema, tentei resolver colando em div class='post-header-line-1' mas não funcionou no meu template.
Muito bom! Valeu!!
Opa, funcionou perfeitamente! Obrigado!
Olá. os icones no meu blogs estão lá, mas estão invisíveis. Como faço para eles aparecerem?
Ótimo.
Os botões de compartilhamentos foram inseridos. Todavia, os botões aparecem ao final de cada matéria da página.
- Como fazer para realocar os botões para o início/cabeçalho de cada matéria?
Obrigado
Ótimoo post. Me ajudou muito, já havia procurado em vários lugares e nada.
Deu super certo e ainda consegui colocar em baixo.
Agora, engraçado, os botões do Orkut e +1 não estão aparecendo.
Valeu demais!!!
Olá... Já realizei tudo que você pediu, tentei de outras formas mas os botões não aparecem de jeito nenhum teria algum jeito para poder te enviar o código para você ver o que tem de errado pra mim? o meu e-mail é daisy.brazil@hotmail.com. Desde ja obrigado
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.