Daniela da Silva Holtz

Inserindo nas postagens do Blogger o botão Curtir do Facebook

O botão “Gosto” ou “Curtir” pode ser inserido em qualquer parte. Antes de fazer qualquer alteração, faça um backup completo do template do blog.

Entre no painel do Blogger, clique em design e, depois, em editar HTML. Marque a caixa expandir modelos de widgets e procure por:

<data:post.body/>

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

Otimizando o botão “Curtir” do Facebook:
Para que o botão não apareça na página inicial, somente nas postagens, 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>

Para que apareça as fotos dos utilizadores que gostaram, deve alterar o false paratrue, e o tamanho do widget de 40px para 80px:

<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=true&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:80px;’/>

A fonte das letras também pode ser alterada, por default em Arial, mas é possível utilizar outras fontes.

Salve e veja se ficou tudo correto.

Anúncios

7 comentários em “Inserindo nas postagens do Blogger o botão Curtir do Facebook

  1. Josélia Moura
    31/05/2012

    Adorei viu,sua explicação tá bem feita pq eu tinha colocado esse mesmo código sendo que é de um outro autor só que o botão só aparecia ‘dentro’ das postagens e eu não sabia como concertar e com essa explicação da parte que tá em verde eu concertei o código,agora aparece na página inicial de cada postagem…Xeroo’s!
    Atualmente estou no blogger,aproveitando faz um tutorial de como ter um dominio próprio no wordpress.
    http://porfirioinvintage.blogspot.com.br

    Curtir

    • Daniela da Silva Holtz
      03/06/2012

      Oi Joselia, o código é o mesmo para todos a diferença é de como o web designer o usa, um abraço e obrigada por visitar!

      Curtir

      • Pablo Magno Junior
        23/08/2012

        Brother, estou tentando utilizar o código que você passou, porem, quando eu o utilizo, aparece a seguinte mensagem:

        Erro ao analisar XML, linha 1253, coluna 12: Open quote is expected for attribute “{1}” associated with an element type “cond”.

        E quando eu insiro o código anterior ele me diz:

        Erro ao analisar XML, linha 1254, coluna 27: Open quote is expected for attribute “{1}” associated with an element type “allowTransparency”.

        Como resolver isso?

        Curtir

      • Daniela da Silva Holtz
        24/08/2012

        Pablo, vou fazer um teste pra saber o que está havendo, obrigada por avisar, te respondo a solução no seu e-mail.

        Curtir

  2. Daniela da Silva Holtz
    24/08/2012

    Realmente deu erro, acho que mudou algo no script pelo facebook, vou estudar algo mais tarde.

    Curtir

    • Pedro Rocha
      16/01/2013

      Eu também estou com o mesmo problema do Pablo. E então?

      Curtir

  3. Gustavo Ferreira
    10/06/2013

    Estou com problemas, após a pessoa curtir/comentar, ai no facebook não aparece a imagem da postagem nem o conteúdo da postagem, e após clicar no que foi compartilhado ou curtido, abre o meu blog e não a postagem curtida, como resolvo isso ?

    Curtir

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s

Informação

Publicado às 10/03/2011 por em BLOGGER, FACEBOOK e marcado , , , .
%d blogueiros gostam disto: