Acessórios Redes Sociais Widget Vanessa S.
Botão Compartilhar seus posts no Facebook
Você já aprendeu como Colocar Botão Retweet no Blog para que seus leitores compartilhem suas postagens no Twitter, já aprendeu também a colocar um Botão “Enviar postagem para o orkut, para que seus posts sejam divulgados no orkut.
Hoje você verá como instalar um botão para que seus posts sejam divulgados em outra rede social muito importante, o Facebook.
Para quem usa o Facebook já sabe que, além de você criar um perfil, também é possível criar um espaço para seu blog e divulgar seus links por lá.
Existem vários modelos de botões disponíveis, e possuem uma contagem que mostra a quantidade de vezes que alguém enviou seu link para lá(igual ao Retweet).
A instalação desse widget seguirá os mesmos procedimentos que utilizamos na instalação do botão para o Retweet:
1º – escolher o modelo do botão
2º – escolher o local mais adequado para instalar o botão.
1. Opções de botões:
Opção 1:Versão Completa (botão à esquerda do post)
Código:
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Opção 2: Versão compacta (botão à esquerda do post)
Código:
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
[dica]DICA:
Caso você queira que seu botão fique à direita, basta substituir float:left por float:right, no codigo.[/dica]
Instalando o Botão:
Agora que você já escolheu o botão que mais lhe agrada, vá em “layout>>Editar HTML” -> marque a caixinha ‘Expandir modelo de Widgets’ e procure pelo código abaixo:
<div class='post-header-line-1'/>e cole o código referente ao botão que você escolheu logo ABAIXO deste trecho.
Observação: Dependendo de seu modelo de template, a linha acima pode estar da seguinte maneira: <div class=’post-header-line-1′>.
Ou se preferir, veja neste post outras opções de local mais adequado para colar o código.
Fonte:Blogger Plugins
Tem como botar o botão embaixo do post?
Não consegui colocar no meu … esta dando erro de o que é isso?
muito bom funcionou direitinho sem erros … obrigadoo , recomendo seu blog 😀
Aqui não funciona depois que clico em share marca 1, ai quando atualizo a página o 1 some e fica ele compacto.
Olá, é que no meu blog não aparece o nome Share! fica so uma listra azul, eo tanto de compartilhamentos!
Olá Clau! Noooossa! Esse blog é mega esclarecedor e olha que eu sou uma zero a esquerda no assunto! Vc explica com um jeitinho bem fácil…Não se pode me ajudar, mas estou feito doida tentando encontrar solução para a dificuldade que tenho. A parada é a seguinte, de uns tempos pra cá, toda vez que vou compartilhar um post do meu blog no Face, só aparece um link ao invés da miniatura e o resumo do texto… Todos os meus posts têm uma imagem ilustrativa referente ao tema abordado, entende? Vc tem alguma idéia do que pode ser? Desde já, muito obrigada pela atenção!
Oi Clau,
Gostaria de parabenizá-la pelo conteúdo do seu blog. É excelente mesmo. Acompanho na medida do possível as atualizações. Gostaria de sugerir um artigo que não encontrei aqui neste ítem em razão de uma situação que me deparei quando estava compartilhando um artigo do meu blog no facebook. Notei que ao compartilhar o blog o face mudava as imagens de endereço do blog. Achei estranho. Uma hora o face colocava as fotos dos parceiros, outra a minha foto, outra ainda colocava a foto de alguns links…não sei como resolver isto. Teria como ajudar?.
Um abraço
otimo otimo olha so onde ficou sem mexer no lugar mais legal que nem eu pensei ja vi tantos codigos cheios de tranqueiras pra fazer e complicado mais este foi muito funcional adorei da uma olhada so como ficou http://kdsjogos.blogspot.com/
Pessoal!!
Quero compartilhar fotos do meu BLOG para o facebook, mas quando cliko no botão do facebook para compartilhar a foto, ela compartilha a foto antiga que ja tinha compartilhado.
Alguem pode me ajudar?
Como faz pra mudar o nome do botão ao invés de ser Share ficar com o nome (Compartilhar) ???
Obrigada pela dica, eu usei no meu blog e foi fácil mesmo.
Não apareceu nada no blog.
Andreia
Infelizmente eu não sei o pq isso acontece. Eu notei que até aqui no MB isso tb acontece as vezes..deve ser algum tipo de erro do proprio Facebook. Lamento mas não sei como te ajudar.
ola! continuo passeando e apendendo aqui no seu blog, e ele tem me ajudado muito, muito obrigada!
a minha mens. e para perguntar o porq que o Botão Curtir e Enviar do Facebook, nao esta funcionando corretamente no meu blog, quando eu compartilho um post, e assim que ele chega no meu facebook,
. var thumbnail_mode = "float" ; summary_noimg = 450; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; //=1) { if(thumbnail_mode == "float") { imgtag = ''; summ = summary_img; } else { imgtag = ''; summ = summary_img; }}var summary = imgtag + ''; div.innerHTML = summary;} //]]> v…
bom e isso ai… se puder me ajudar.
obrigada e parabens pelo blog muito util e inteligente.
Beto Sam
Lamento,mas não sei te dizer o que possa ter acontecido no seu.
olá, coloquei o botão no meu blog, mas ele não mostra o balãozinho com o número de cliques, você sabe qual solução para esse problema?
Obridado!
Meu botão share está ficando deformado…
http://i51.tinypic.com/2589mj6.jpg
Já vi em alguns blogs o botão shared com o nome traduzido para "Compartilhar" e do mesmo tamanhanho que o botão tweet e curtir… Como faço?
Teka
Obrigada pelo comentário.
Oi, Clau querida!
Estou sempre aprendendo alguma coisa com você. Passei para pegar as dicas sobre o Faceboock e divulgar meu blogs nessa rede também. Obrigada por compartilhar conosco.
Beijos
@Marco Cavalheiro – Buenos Aires Dreams:
existem possibilidades:
1-pode ser algum erro no script
2-pode ser q na hora q vc configurou os feed do seu blog, ou do facebook, vc colocou a opção "feed comentarios" (/feeds/comments/default)
Eu acho mais provavel ser a 2º opção. Faça uma revisão na configuração no feed do seu blog.
oi! muito legal a dica! só que quando eu clico no botão para compartilhar, ao invés do texto do post aparecer na sinopse, aparece o texto dos comentários! tu sabe por que isso acontece e como evitar? obrigado pela ajuda!!