sexta-feira, 17 de junho de 2011

Botão compartilhar links no Facebook para o Blogger

Adicionar o botão de compartilhar do Facebook.

Vou mostrar o método de adicionar o botão abaixo do título do artigo mas é possível adicionar em outros lugares. Prefiro logo abaixo do título para dar maior visibilidade e um visual melhor no design do blog mas pode também ser adicionado no fim do artigo, que também é uma boa opção além de incorporar ao texto, assim como usamos aqui o botão do twitter. Vamos lá:

O código referente ao botão é o seguinte:


<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"/>

Porém não adicione ainda. vamos ensinar a maneira certa para que apareça somente nas páginas de leitura dos artigos e não na página inicial onde ficam os resumos.

Para fazer isso abra o painel do Blogger, vá em LAYOUT>>EDITAR HTML e marque a caixa "EXPANDIR MODELOS DE WIDGETS" para mostra todo o html do seu blog.
Agora procure pela seguinte linha:

<div class='post-header-line-1'/>


Imediatamente abaixo cole o seguinte texto sem nenhuma modificação:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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>

</b:if>

Pronto, agora salve o modelo e veja como ficou. Para adicionar no lado direito e não no esquerdo apenas mude a palavra left em azul por right.

Nenhum comentário:

Postar um comentário