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!

Leia também

12 comentários

  1. É 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. Hahaha de nada Tamiris! Passei pelo mesmo que tu antes de conseguir, tava surtando! Beijão.

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

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

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

    ResponderExcluir
  4. 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. Ah, que ótimo que consegui te ajudar então :) Hahaha. De nada!

      Excluir
  5. 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. Obaa, hahahaha ♥ Também tive dificuldade pra conseguir, depois fiquei muito feliz. Que bom que consegui ajudar, de nada! Beijos.

      Excluir
  6. 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. 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

Postagens Populares

Inscreva-se