Blogcast

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.

SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!

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:

Ebook Blogar - O Processo de Criação de blogs, Compre agora por apenas 14,90

Website | Twitter | Facebook
É amante de tecnologia, video-games, tablets, esportes de uma maneira em geral, filmes, músicas, etc. Atualmente cursa o último ano do ensino médio e logo logo pretende ingressar em alguma faculdade relacionada a tecnologia e web-design.
Leonardo já escreveu 200 posts no Ferramentas Blog.

5 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!!!

    • 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.

  2. Márcio disse:

    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

  3. Cliquei em ctrl+f e coloquei o código e não apareceu nada!

Faça um comentário