Como compartilhar os post do  blogger no Facebook
Autor: Idenaldo Rodrigues | Publicado: 2011-06-01T15:22:00-03:00



Já aprendemos como colocar um botão de Retweet no template do Blogger para os visitantes divulgarem os posts no Twitter. Hoje, também por meio da instalação de um botão, iremos fazer com que os posts sejam divulgados em outra rede social muito importante, o Facebook. Como veremos no decorrer do post, a instalação é fácil, rápida e indolor.


Primeiramente, através da ajuda da Wikipedia, vou falar um pouco sobre o que é o Facebook, apesar de acreditar que a maioria já tenha uma noção do que se trata essa rede social, considerada a maior da internet. Deixa para trás nomes de peso como o Myspace, o Twitter e até mesmo - acredite se quiser - o Orkut.


Facebook é um website de relacionamento social lançado em 4 de fevereiro de 2004. Foi fundado por Mark Zuckerberg, um ex-estudante de Harvard. Inicialmente, a adesão ao Facebook era restrita apenas aos estudantes da Universidade Harvard. O website possui mais de 120 milhões de usuários ativos, a posição do Facebook no ranking de tráfego de visitantes do Alexa, subiu do 60º lugar para 7º lugar. É ainda o maior site de fotografias dos Estados Unidos, com mais de 60 milhões de novas fotos publicadas por semana, ultrapassando inclusive sites voltados à fotografia, como o Flickr. Fonte: Wikipedia
Depois dessa pequena explicação, vamos colocar a mão na massa.
A Implementação desse widget seguirá os mesmos procedimentos que utilizamos na instalação do botão para Retweet, ou seja, escolher um dos modelos, copiar o código correspondente (ele está logo abaixo da figura usada como exemplo) e em seguida colocar este código no local indicado.
1 - Botão a direita do post: 

&lt;div style="float:right;padding:4px;"&gt;
&lt;a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/&gt; 
&lt;script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/&gt;
&lt;/div&gt;
Versão Compacta

&lt;div style="float:right;padding:4px;"&gt;
&lt;a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/&gt;
&lt;script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/&gt;
&lt;/div&gt;
2 - Botão a esquerda do post:

&lt;div style="float:left;padding:4px;"&gt;
&lt;a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/&gt;
&lt;script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/&gt;
&lt;/div&gt;
Versão Compacta

&lt;div style="float:left;padding:4px;"&gt;
&lt;a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/&gt;
&lt;script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/&gt;
&lt;/div&gt;
Agora vamos aprender a colocar o botão de envio no template
Entre na sua conta do Blogger. Vá até a aba Painel e entre na guia Layout. Em seguida, clique em Editar HTML e marque a opção Expandir modelos de widgets (Resumindo: Painel → Layout → Editar HTML → Expandir modelos de widgets).
Com a ajuda do Ctrl+F encontre o código: &lt;div class='post-header-line-1'/&gt;
Cole o código referente ao botão escolhido logo abaixo do código mencionado no parágrafo anterior. Clique em visualizar, se não for acusado nenhum erro e estiver conforme você imaginou, Clique em salvar.
Dependendo do modelo de template, o código &lt;div class='post-header-line-1'/&gt; pode sofrer uma pequena variação, ficando semelhante a este &lt;div class='post-header-line-1'&gt;. Isso não altera em nada o procedimento de instalação do widget, ou seja, cole o código referente ao botão escolhido abaixo dele. 
Pronto. O botão está instalado. 

Até a próxima.

Via: Blogger Widgets | Imagem: CCH