Tutorial para você colocar a caixinha do facebook no seu website

Colocar caixinha do Facebook em seu blog

Entre na página da like-box no Facebook por esse link   Like-box   e verá uma tela como abaixo, e  agora faça login com sua conta do facebook, deacordo com o que esta vendo marcado na tela abaixo.  
Facebook

Temos então, a página da like-box com o login já feito, onde já se pode ver um gadget. Formate-o a seu gosto.
Light Box do Facebook

Facebook Light box

  1. (Facebook page URL) caixinha onde você vai colocar o endereço da sua página do facebook, apague primeiro o endereço que esta nela, e coloque o seu da sua página
  2. ( Nesta caixa, se diminuir os valores, a largura será diminuida. Vá esperimentando valores e verificando. Para verificar, primeiro coloque o valor escolhido, e depois dê um clique no ponto de interrogação da mesma, ou dê um enter na tecla de seu computador e espere o resultado, e vá fazendo textes desse jeito até conseguir o que deseja.
  3. Esta caixa você poderá deixar em branco, mas se quiser poderá modificar colocando valores, e veja os resultados
  4. Deixe marcado esta caixa, senão o perfil das pessoas não irão aparecer em seu website.
  5. Aqui poderemos mudar a cor da caixa. Se deixarmos como light ela é branca, e mudando para dark será totalmente preta
       6.  (Show stream) deixando essa caixa desmarcada, vai aparecer somente os perfis das pessoas em seu website, e não esta caixa comprida ocupando um grande espaço com as mesmas postagens de seu blog .
        7 . (Get code)  Se tudo estiver deacordo com o que escolheu, dê um clique neste botão para gerar o seu código
            Código gerado, copie e cole em seu widget no website. Para facilitar, foi colocado letras. Vamos dividir em duas etapas, assim  como tem dois códigos.
      A  - Primeiro selecione e copie este código,
      Códigos


      leve até o seu blog e cole, entrando primeiro em modelo na lista ao lado, depois em editar HTML, que vai abrir a janela de edição de html
      Blogger



      Agora que estamos no html do seu blog, vamos identificar onde colocar o código a ser colado no mesmo. Como não podemos errar nesta parte, tenha cuidado.
             Procure a tag body. Abaixo dela temos uma parte toda de texto em html, Insira seu código abaixo deste texto e salve. O seu código pode ser um pouco diferente do apresentado.


      codigos


      Agora voltamos a página do Facebook e copiamos o outro código, o lado B, Com esta parte copiada, voltamos ao blog novamente na seção layout, dê um clique, escolha adicionar um gadget dê um clique.
      gadget no Blogger

      Com o gadget aberto, escolha HTML/java script e clique nesta etapa.
      Gadget blogger

      Abrindo widget, cole o código nos lugares marcados
      1. Cole o seu código
      2. Escolha um título 
      3. Salve 
      widget  e códigos

      Agora salve tudo e ja teremos a nossa caixinha do Facebook no Blog
      Salvando no blogger

      Comentários