segunda-feira, 20 de dezembro de 2010

Como adicionar os botões de compartilhamento oficiais do Blogger



Estes botões são interessantes pois permitem que os leitores divulguem suas postagens em Redes Sociais como Twitter, Facebook e Google Buzz. Para adicioná-los iremos em Design > Elementos da página. Edite as postagens ao blogger e habilite a opção Mostrar botões de ações.







O que fazer se os botões de compartilhamento não aparecem?

Se você estiver usando um modelo antigo, há uma chance de os botões de compartilhamento não aparecerem, mesmo que você tenha os habilitado. Então, vá em Design > Editar HTML e marque a opção expandir modelos de widgets. Depois disso, procure pelo código:

                             <data:post.body/>

e coloque o trecho a seguir abaixo dele:

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Depois de salvar o seu modelo e ir em elementos de página. Clique em Editar postagens ao blogger e habilite a opção Mostrar botões de ações.


Como Mostrar os botões de compartilhamento apenas nas páginas de postagem

Por padrão, os botões de compartilhamento aparecerão em todas as páginas. Se você quiser que os botões apareçam apenas nas páginas de postagens, ao invés de adicionar o código acima, adicione este código após <data:post.body/>:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

21 comentários:

Anne disse...

Oii, estou adorando seu blog... nossa...estava com dificuldade de incluir estes botões porque o desing do blog que estou mexendo é antigo.
Obrigada pela dica prática ;)

Maria Lúcia disse...

Suas dicas são ótimas. Obrigada.
Abraços.

Tenda dos Sonhos e Nilza Leão disse...

Olá, o desing do meu blog é personalizado. Posso usar os mesmos passos que vc descreveu acima? Obrigada.

Cris Mota disse...

Marcelo, não sei mais o que eu faço para que meus botões de compartilhamento apareçam, estão lá no lugar, mas invisíveis...
vc saberia explicar pq isso acontece?
obrigada desde já

Priscila disse...

Oi Cris,

Invisíveis? Não sei, já tentou realizar o procedimento acima?

Abrç.

Flavia Marques disse...

fiz exatamente como você explicou...os botões aparecem...mas agora que o google adicionou esse botao de 'mais' ao lado do buzz, ele nao aparece.
www.manteigaderretida.com

o que pode ser?

Priscila disse...

Flávia,

Visualizei normalmente no seu blog.

Clóvis Gonçalves disse...

Marcelo,

Segui os passos acima, os botões foram adicionados, mas continuam invisíveis.

O que pode ser agora?

Clóvis
http://cincosolas.blogspot.com

Priscila disse...

Clóvis,

Tbm visualizei normalmente. Tudo certo?

Carlos Relva disse...

Muito obrigado! Os botões apareceram! Menos o +1.

Um grande abraço!

Priscila disse...

O +1 está no post abaixo:

http://blogger-passo-a-passo.blogspot.com/2011/06/como-proceder-se-o-botao-1-nao-aparecer.html

Vlw!

alessandra tonini disse...

Oi Marcelo, segui os passos acima, mas os botões de compartilhamento nas postagens ainda estão aparecem. O que faço? meu blog é www.alessandratonini.blogspot.com

Valeu!!

Priscila disse...

Oi Alessandra,

Visitei seu blog e eles estão aparecendo.. ou vc quer que não apareçam?

Abrç.

Unknown disse...

marcelo segui os procedimentos e funcionou certinho, porem os botoes apareceram dentro do post, e nas configuracoes do layout eu coloquei no rodape.
como resolver?

http://linoobx.blogspot.com/

Priscila disse...

Oi EDEN,

Vi que você está usando as visualizações dinâmicas, aí já é outra história..

Wagner Romanha disse...

Show de bola meu irmão!
Parabéns pelo blog!!!

Rafaela Martins disse...

OLÁ NOSSA ADICIONEI ESSES CODIGOS E AGORA MEU BLOG DEU ERRO E NÃO APARECE MAIS MEU LAYOUT.. AFF E AGORA O QUE VOU FAZER.. ESTOU DESESPERADA VC PODE ME AJUDAR A RESOLVER O PROBLEMA QUE ESSE SEU BENDITO CODIGO PROPORCIONOU?
DEU ERRO bX-sip0qo MEU EMAIL rafaelamartins_hand@hotmail.com espero que me ajude o mais rapido possivel

Priscila disse...

Oi Rafaela Martins, o problema persiste?

Abrç.

Fernanda Santos disse...

Oi! Esse foi o único codigo que funcionou no meu blog ... Obrigada! estava louca atrás disso ^^
bjus

Cátia Breves disse...

Com dicas de outros sites, tentei mil vezes, só consegui com a sua ajuda.

Muito obrigada por compartilhar.
Deus te abençoe e te capacite cada vez mais.

Léo Elias disse...

A sua dica foi a única que funcionou,tentei outras dicas e nenhuma deu certo,muito obrigado valeu mesmo.

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...