domingo, 29 de novembro de 2015

Como colocar botão de "Like" do Facebook em seu blog

Olá, blogueiros e aspirantes a blogueiros!

Aqui quem escreve é a Hoshi, adm do grupo novamente.
Hoje vai mais um tutorial de uma coisa bem simples que às vezes não sabemos como fazer e que no fundo é super útil.
A nossa querida participante do AF&LBN, Nana, me ensinou como colocar o botão "Like" ou "Curtir" (como preferirem) no seu blog. Porque falando a verdade, a maioria tem facebook e muitas vezes nos acompanham por lá ;)

1. Criando o código

Ok, o primeiro passo pode parecer um absurdo. "Não sei mexer em HTML! O que eu faço?!"
Bom, o facebook gera isso autómatico para você. É só acessar: https://developers.facebook.com/docs/plugins/page-plugin


Ok, agora é só descer um pouquinho a página...

- Facebook Page URL: escreve o link da página que você deseja indicar para curtir
- Width/Height: largura e altura da caixa
- Adapt to plugin container width: ajusta automaticamente à largura do seu layout caso você não sabe a medida certa
- Show Friend's Faces: mostra quais são os amigos da pessoa que irá curtir que já curtem essa page
- Use Small Header: diminui a altura da caixa, deixando-a mais compacta
- Hide Cover Photo: deixa sem a imagem da capa
- Show Page Posts: mostra os posts recentes da page

Após suas escolhas, clique em "Get Code"


E então irá aparecer na sua tela uma imagem semelhante à essa:

Você irá precisar desses dois códigos que eu marquei com a linha azul.
Esse é um momento para deixar a página reservada e abrir uma nova guia para o próximo passo.


2. Colocando o botão no seu blog

Abra na nova guia o site do Blogger e vá na parte de "Layout" do seu blog

Em seguida aperte o botão "Adicionar um Gadget". Irá aparecer uma nova caixa com uma série de opções. Logo uma das primeiras vai ser "HTML/JavaScript" adicione com o botão "+".
E essa opção será automaticamente adicionada em seu layout do blog.


Agora o momento de adicionar o código.
Clique no botão "Editar" da caixa de HTML/JavaScript. Irá aparecer uma nova tela.
Copie (Ctrl+C) o texto com os dois códigos que o Facebook te deu e cole (Ctrl+V) na caixa de texto.
Clique em "Salvar". E em seguida "Salvar organização".


3. Resultado Final

Parabéns! Agora você aprendeu a colocar o botão de "Curtir" do Facebook no seu blog!


Um comentário:

  1. Muito obrigada pelo tutorial! Já coloquei no meu blog! :)

    ResponderExcluir