Mostrando postagens com marcador Facebook. Mostrar todas as postagens
Mostrando postagens com marcador Facebook. Mostrar todas as postagens

sábado, 25 de junho de 2011

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

Publicidade

Cursos Online é Cursos 24 Horas