Colocar o botão Curtir do Facebook no Tumblr

Por | Atualizado em 2015-01-04

Neste tutorial, iremos explicar como colocar o botão Curtir do Facebook no Tumblr. Dessa forma, você conseguirá compartilhar as suas páginas no Facebook mais facilmente, aumentando as suas visitas.

Para adicionar o botão curtir você possui você possui duas soluções: utilizar o código de incorporação Facebook, ou utilizar o serviço gratuito AddThis.

1. Botão curtir no Tumblr – Facebook

Se pretende inserir o botão curtir utilizando o código de incorporação Facebook, comece por aceder à sua conta Tumblr e clicar no botão “Ferramentas” (botão em forma de roda dentada). No menu esquerdo, clique no nome do seu blog e em seguida clique no botão “Customize” do campo “Theme”.

botão de curtir no tumblr

Clique em “Editar HTML” e procure a seguinte linha de código “</head>”. Cole o seguinte código imediatamente antes </head>:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=271140516272162";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Agora, procure a seguinte tag (poderá utilizar a pesquisa do navegador pressionando as teclas CTRL+F): {/block:PostNotes} ou {/block:Posts}

E cole o seguinte o código imediatamente a seguir às tags referidas:

<div class="facebook-button">
<div class="fb-like" data-href="{Permalink}" 
data-send="true" data-layout="button_count" 
data-width="450" data-show-faces="true"></div></div>

Clique no botão “Update Preview” para visualizar o resultado final e guarde as alterações.

Botão curtir no Tumblr – AddThis

Em alternativa, você poderá experimentar utilizar o serviço gratuito Addthis, que lhe permite ainda adicionar botões de compartilhamento de outras redes sociais.

Comece por aceder ao Addthis e no campo “Get sharing buttons for” clique no link “More options”.

Selecione a opção Tumblr e no campo Style defina o tipo de botão que pretende adicionar (caso necessário).

Colocar o botão Curtir do Facebook no Tumblr


Copie o código de incorporação e aceda ao seu blog Tumblr. Clique no botão “Ferramentas” (botão em forma de roda dentada no topo da página) e no menu esquerdo, clique no nome do seu blog. Agora, clique no botão “Customize” do campo “Theme” – “Editar HTML”.

Procure as tags {/block:PostNotes} ou {/block:Posts} e cole código de incorporação gerado pelo serviço Addthis. Não deixe de consultar outras dicas para Tumblr:

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *