15 de maio de 2014

Como colocar um botão do Facebook no Blogger

Hey amores, a pedidos estou aqui para fazer um tutorial mostrando como colocar o gosto (curtir) do facebook nas POSTAGENS do blogger, pra você que não sabe , vamos conferir :

                   
                                                  


Integrando o botão do Facebook no Blogger:
O botão "Gosto" pode ser inserido em qualquer parte. Recomendo que seja colocado no final do post, é o local onde o leitor irá realizar a próxima ação após a leitura, mas isto não é uma regra. Antes de fazer esta alteração, faça um backup completo do template do blog.

Entre no painel do Blogger, clique em modelo e, depois, em editar HTML clique em qualquer parte do código e aperte Ctrl+F e pesquise por:


<data:post.body/>


Você irá achar vários desses códigos, será o segundo
Copie e cole logo abaixo do código anterior: 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


Se deseja que o botão do Facebook apareça na parte superior do post, ao lado do título, coloque o código logo abaixo desta linha:

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


Otimizar o botão do Facebook:
Para que o botão não apareça na página inicial, somente nos posts, deve inserir o código em verde:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Gostou? Compartilhe!
  • Facebook
  • Tweet this
  • Google Buzz

Comente com o Facebook:

4 comentários:

  1. Ola tudo bem ??
    adorei a sua dica e vou colocar no meu blog essa opção
    te espero no meu blog

    http://arianetorrezandesouza.blogspot.com.br/

    bjs

    ResponderExcluir
    Respostas
    1. Coloca sim, da super certo e é ótima para seus leitores. um beijo.

      Excluir

 
Veja os últimos posts

Design e programação: Carol Mascarenhas
Aline Indecisa - COPYRIGHT © 2015 TODOS OS DIREITOS RESERVADOS