Slide

Seu blog | Como Adicionar Page Plugin do Facebook ao Blogger

terça-feira, abril 21, 2015

Oi gente!

Sei que ando super sumida, mas é que ultimamente ando tendo muitas provas e trabalhos pra fazer, e apesar de ter deixado alguns posts prontos acabei colocando o blog em segundo plano. Então agora que tenho um tempinho pretendo me organizar melhor pros próximos dias. Hoje eu trouxe um tutorial pra quem tem um blog!

Não sei se vocês repararam, mas agora o Letras na Gaveta tem a Page Plugin do Facebook na barra lateral. Pra quem não sabe, a Page Plugin é uma substituta da Like Box, que é aquela caixinha exibida nos blogs que possibilita que com apenas um clique o visitante curta a página do blog no Facebook. Ela é bastante útil porque é super prática, e assim fica mais fácil exibir divulgar a rede social.



Eu tinha tentado adicionar esse widget na barra lateral através das instruções do Facebook Developers, mas achei complicado e não estava conseguindo. Então achei um código em outro blog e complementei com o código obtido pelo Face, e deu super certo. Fiquei muito feliz! Então hoje trago esse tutorial bem simples pra vocês.

INCLUINDO O CÓDIGO NO SEU BLOG (Crédito do código aqui)

 Acesse o Painel do seu blog → Modelo → Editar HTML, e cole o código abaixo logo após a tag <body>
  <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/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  </script>
ADICIONANDO O PLUGIN NA BARRA LATERAL 
Acesse a área de plugins sociais do Facebook Developers e clique em Page Plugin. Depois, é só configurá-lo. Em URL, preencha com a URL da sua página no Facebook, em Width coloque a largura do plugin e em Height, a altura, tudo em pixels.


Depois, é só clicar em Get Code. Copie o segundo código, acesse o Painel do seu blog → Layout, e na barra lateral clique em "Adicionar um Gadget". Selecione "HTML/Javascript", cole o código e salve. 

Prontinho, agora seu plugin do Facebook já estará disponível no seu blog :)

Espero que tenham gostado do tutorial ♥

Beijos!

ESSE POST FAZ PARTE DA SÉRIE "SEU BLOG". NESTA SÉRIE VOCÊ PODE CONFERIR DICAS VOLTADAS À BLOGOSFERA, PENSADA ESPECIALMENTE PARA VOCÊ, BLOGUEIRO. CONFIRA OUTROS POSTS!

Compartilhe este post

Tags: , , ,

Leia também

13 comentários

  1. Blog Nininhasexta-feira, maio 01, 2015

    É pra glorificar de pé rsrs eu consegui graças a você *-----* muito mais muito obrigada mesmo você não imagina o quando estava ficando louca já. Enorme Beijo

    www.blognininha.com

    ResponderExcluir
    Respostas
    1. Mariana Menezessexta-feira, maio 01, 2015

      Hahaha de nada Tamiris! Passei pelo mesmo que tu antes de conseguir, tava surtando! Beijão.

      Excluir
  2. Acsa Castroquarta-feira, junho 03, 2015

    Muito obrigada... até que fim conseguir...

    ResponderExcluir
  3. Unknownquarta-feira, julho 15, 2015

    Me ajudou muito, único tutorial que eu realmente aprendi, sucesso.

    http://carolandoblog.blogspot.com.br/

    ResponderExcluir
  4. Blog Esportivoquinta-feira, outubro 15, 2015

    Puts voce não sabe o quanto me ajudou, faz tempo que estou atrás disso e não conseguia, se voce tivesse aqui do lado te daria um beijo (com todo respeito)...kkkkkkkk Obrigado mesmo!!

    ResponderExcluir
    Respostas
    1. Mariana Menezessexta-feira, outubro 16, 2015

      Ah, que ótimo que consegui te ajudar então :) Hahaha. De nada!

      Excluir
  5. Fernanda Luiza Teixeirasegunda-feira, dezembro 28, 2015

    Vivaa! Consegui haha' Era esse código de colocar no HTML(odeio mexer com ele kk) Obrigada flor ♥ Beijos
    www.looksecuriosidades.com

    ResponderExcluir
    Respostas
    1. Mariana Menezessegunda-feira, dezembro 28, 2015

      Obaa, hahahaha ♥ Também tive dificuldade pra conseguir, depois fiquei muito feliz. Que bom que consegui ajudar, de nada! Beijos.

      Excluir
  6. Unknownterça-feira, fevereiro 09, 2016

    Olá Mariana gostei muito Bem.Eu tenho um site de como fazer produtos de limpeza que é este>>>http:www.dinheirosobrando.com .Eu vi que você esta fazendo química.Espero que se formar coloque um site de membros para você ensinar muita pessoas.Que pelo pouco que eu observei em você é o que vocÊ gosta.Muitas Felicidades

    ResponderExcluir
  7. Regianedomingo, julho 31, 2016

    Adorei a dica, pena que não achei o body mas pra quem quiser achar,procure por :
    ]]>





    <![CDATA[
    BODY {
    e cole abaixo dele o código do facebook developers, e depois é só fazer o widget.


    http://blogregianeferreira.blogspot.com.br/

    ResponderExcluir
  8. Lua de Mimossexta-feira, maio 17, 2019

    Muito obrigada :) Ajudou bastante ! Sucesso :)

    ResponderExcluir

Postagens Populares

Facebook

Letras na Gaveta

Inscreva-se