Como colocar o botão de Curti (Like) do facebook no Blog

Olá meus queridos, sejam bem vindo a mais um tutorial aqui do Donateka Tutor e hoje irei mostrar como colocar um botão de Curti (Like) do facebook ai na sua pagina.
Com um único clique no botão Curtir, a pessoa "curte" conteúdo no e compartilha no Facebook. Você também pode mostrar o botão Compartilhar ao lado do botão Curtir para que a pessoa possa incluir uma mensagem pessoal e personalizar com quem está compartilhando.

Tudo certo? Vamos ao tutorial.


Passo a passo
1. Para inicio, você terá que entra no site de plugin do Facebook através do link: https://developers.facebook.com/docs/plugins/page-plugin

Ao clicar, você será redirecionado para está página.




Role a página para baixo até achar essas informações:


É nessa parte que você irá alterar para configurar seu botão de seguir no blog.

2. Vá na sua página do facebook e copie o link dela. (url)



Depois que você copiou, cole na caixa indicada.


Feito isso, já ira aparecer uma previa de como irá ficar sua caixa de curtir no blog.


Observação: Por padrão, na caixa chamada "Guias", vem escrito "timeline". Isso significa que junto a sua caixa de curtir, vem alguns previas das suas postagens em sua página, assim como está na imagem acima. Eu particularmente não gosto, mas tem pessoas que gostam.
Se você não quiser que apareça assim, basta apagar a palavra "timeline" de dentro da caixa "Guias". Agora se você quiser que apareça, é só deixar como está.

3. Na caixa "Largura" e "Altura" você não altera nada. 

4. Aperte em "Obter Código" 


5. Ao apertar, ira aparecer essa caixa de diálogo.
Atenção: Não feche a pagina que com os código. Deixe-a aberta.

6. Apareceu essa caixa de dialogo com esses códigos, tudo certo. Abra uma nova guia e entre no painel do seu blog e clique em "Layout". 

7. Procure o local onde vai ficar e clique em "Adicionar Gadget"

8. Ira aparecer essa caixa de dialogo. Clique em HTMLJava Script.




9. Irá ficar assim!



Feito isso, beleza! Agora, você terá que copiar os códigos que o site do fecebook gerou e colar dentro do quadro conteúdo.




Copia o primeiro código, cola e deixa duas linhas para poder colar o segundo código (aperta duas vezes o ENTER depois do ">".



11. Depois de ter colado os dois códigos, é só salvar e está pronto.



Bom galera, esse foi o tutorial de hoje, se você gostou, curte e compartilha ai para os seus amigos.
Não se esqueça de se inscrever no meu canal no youtube. Fazendo, você estará nos ajudando, assim como nós estamos lhe ajudando.

Fiquem com Deus e até a próxima.

DONATEKA TUTOR




VÍDEO TUTORIAL 


Comentários