quarta-feira, 29 de dezembro de 2010

Como adicionar o botão compartilhar no facebook/ blogs



Sites de mídia social como facebook e twitter pode ser grande fonte de tráfego para qualquer blog. Para isso, podemos adicionar um botão de compartilhamento em cada um de nossos posts. Este botão permitirá aos usuários compartilhar rapidamente uma mensagem no facebook.



Botão do Facebook abaixo do título do post



Para adicionar o botão abaixo do título do post, basta seguir estes passos:


1- Vá para Design > Editar HTML;
2- Faça o backup de seu template;
3- Clique em expandir modelos de widget;
4- Pressione Ctrl + F e procure por <data:post.body/>
5- Cole antes de <data:post.body/>  este código:

<!-- Facebook Button -->
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type=' Tipo de botão '/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->

6- Clique em visualizar, e se estiver tudo certo salve.



Botão do facebook embaixo do post


Para colocar o botão abaixo do corpo do post, ao invés de colarmos o código acima de <data:post.body/>; colaremos logo abaixo dela.

Escolhendo os botões


No lugar de Tipo de botão coloque o nome do seu botão preferido:

button, para um botão como esse:






button_count, para um botão como este:






icon, para este:


10 comentários:

DVD disse...

como fazer igual ao seu blog? discreto!

Angélica Mascaro disse...

Gostaria de obter um botao de compartilhar o post no facebook em portugues. Sempre encontro locais ensinando como colocar o botao "share".. mas nunca em portgues... Ja vi alguns falando que nao eh possivel, mas ja encontrei isso em alguns blogs. Obrigada.

Marcelo disse...

Angélica,

Infelizmente tbm desconheço essa possibilidade. Se eu descobrir posto aqui.

Xero.

Alberto Valença disse...

Ola Marcelo.
Gostaria de saber se é possível ao compartilhar o post de um blog no Facebook, aparecer o texto da postagem lá ao invés do cabeçalho como está atualmente acontecendo com o meu. Grato.
Meu blog - http://albertorecife.blogspot.com/

Marcelo disse...

Oi Alberto, que eu saiba é só assim mesmo.

Abrç.

gazetabarauna disse...

Poderia ensinar como colocar os botões de compartilhamento em baixo do resumo das postagens?? tipo assim, no canto inferior direito dos resumos, veja a pagina ínicial do meu blog são nesses resumos que gostaria de colocar os botões, grato se puder ajudar.

www.gazetabarauna.blogspot.com

Anônimo disse...

muito bom seu blog

Marcelo disse...

Olá gazetabarauna,

Acessei seu blog e vi que o botão +1 aparece abaixo dos resumos, então basta vc colar o código antes ou depois do código do botão +1 que é esse:



Certo?

Abrç.

Doces de Bomfim disse...

Obrigada, suas dicas foram muito úteis!!
Eu não achei aqui, não sei se tem um post de como permitir comentários no blog, vc poderia me ajudar? Obrigada!!

Anônimo disse...

Adorei seu blog e estou te seguindo te espero no meu blog tb!! Abs, Claudia

http://maquiagemdaclaudinha.blogspot.com

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...