Inserir botão de compartilhamento do Facebook nos posts do Blogger

Divulgação é uma das coisas que os blogs mais precisam para se dar bem na internet. Inserir o botão de compartilhamento do Facebook nas postagens do blog é uma ótima opção. Assim quem tem cadastro no Facebook e gostar de um post seu poderá indicá-lo da maneira mais fácil possível.

Colocar o botão do Facebook nas postagens não é nada difícil. Você ainda tem duas opções de botão. Veja:

Botão Curtir

Copie e cole o código abaixo no código do seu template:

<iframe src="http://www.facebook.com/plugins/like.php?href=suaurl&;layout=standard&%0Ashow_faces=false&width=380&action=like&colorscheme=light&height=25&locale=pt_BR" style="border:none; overflow:hidden; width:250px; height:25px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

A parte destacada de vermelho deve ser substituida pelo endereço principal do seu blog. As partes destacadas de azul são os valores referentes á largura e altura do botão. Ou seja, o espaço que ele vai ocupar. Mude esses valores apenas se achar necessário.

Botão Recomendar

O botão Recomendar tem a mesma função do botão Curtir. A única diferença deles é a palavra. Até o código é o mesmo, a única diferença é o parâmetro action=recommend.

<iframe src="http://www.facebook.com/plugins/like.php?href=suaurl&;layout=standard&%0Ashow_faces=false&width=380&action=recommend&colorscheme=light&height=25&locale=pt_BR" style="border:none; overflow:hidden; width:250px; height:25px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

Você deve configurá-lo da mesma maneira do botão Curtir.

Onde colocar o código

Se você ficou perdido na hora de inserir o código do botão no seu template não se preocupe. Os melhores lugares para exibir o botão de compartilhamento do Facebook são no início e final de cada post.

Se você quiser que o botão apareça após o título de cada post coloque o código do botão após a linha <div class='post-header-line-1'/>. Faça as devidas modificações e salve.

Se você quiser que o botão apareça no final de cada post coloque o código do botão após a linha <div class='post-footer-line-1'/>. Faça as devidas modificações e salve.

Dica

Para conseguir encontrar essas linhas primeiro marque a caixa Expandir modelos de widgets. Tecle Ctrl+F para abrir a caixa Localizar do seu navegador. Pesquise pela linha de código desejada e insira o código como ensinado anteriormente