Como adicionar botão "Curtir" (Like) do Facebook no Tumblr

Já ensinamos aqui como inserir o botão “like” (curtir) do facebook no Blogger e WordPress, e hoje vou mostrar como adicionar o mesmo botão do facebook para quem tem um blog no tumblr.

Este é um artigo integrante da série Semana Tumblr, para visualizar todos os posts clique aqui.

Antes de começarmos é bastante importante salvar uma cópia de todo o código do seu tema em algum local no seu computador, isso evita possíveis dores de cabeça caso algo ocorra errado.

Inserindo o botão no Tumblr:

De princípio copie todo o código abaixo:

<iframe src="http://www.facebook.com/plugins/like.php?href=
{permalink}&amp;layout=button_count&amp;
show_faces=false&amp;width=98&amp;action=like&amp;
colorscheme=light" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none;
overflow:hidden; width:98px; height:20px;"></iframe>

Os trechos em negrito representam respectivamente a largura e altura do botão, a linha em azul indica a variável responsável pela captura da URL de cada postagem individual do blog.

Agora vá até o painel do seu blog no tumblr e clique em “Customize appearance”.

Painel Tumblr

Em seguida, na página de customização clique em “Theme” no menu horizontal e procure (CRTL+F) por: {block:Posts}

Cole o código do botão abaixo do trecho acima e salve.

O resulto deve ser semelhante a esse:

11 Comentários

  1. Olá!

    Segui a tutorial e deu certinho, mas o botão no g+ que eu tinha colocado antes (seguindo a tutorial aqui do site) sumiu.

    Será que fiz algo de errado? Pode me ajudar?

    Abraços!!!

    Responder

    • Lívia,

      Não sei o que pode ter acontecido, acebei de testar adicionando os dois botões e não houve nenhum problema, tente refazer o tutorial novamente.

      Abraços.

      Responder

  2. Olá! Coloquei o código e ele aparece. Até aí, tudo bem. Mas ele não aparece em todos os posts. Somente no último. Sabe como resolver isso? Obrigado!

    Abraços

    Responder

  3. eu gostaria que o botão de like ficasse no theme, para que curtam o tumblr e não em cada postagem |: pode me ajudar?

    Responder

  4. Pelo amoor de deus help! Eu fiz o tutorial da musica e deu certinho..dai eu fiz esse do face e sumiu tudo do meu tumblr!! Num aparece nada nem o tirulo!!

    Responder

    • Gabi,
      Volte ao código e retire o que foi adicionado por último.
      Também pode ter algum conflito entre os novos recursos e algum outro recurso que já existia em seu blog.

      Responder

  5. Muitooo obrigada…
    Parabéns pela explicação,
    eu tentei fazer vários outros e o seu foi o único que funcionou,
    explicação clara e precisa…

    Valeuu Mesmo :)

    O site já está nos favoritos :D

    Responder

  6. Oi gente!
    Muito obrigada pelo código, deu super certo.
    Mas será que dá pra tirar essa função de confirmar o curtir? Está acontecendo isso nos meus posts. A pessoa clica em like, aí precisa confirmar pra depois poder efetivamente curtir. Há muitos cliques desnecessários. Como conserto isso?
    Obrigada!

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.