Colocar Caixa Curtir "like Box" do Facebook no Blog/Site

Aprenda a instalar a caixa curtir do facebook em seu blog/site com esse tutorial/vídeo muito simples.

O facebook é uma das redes socias que mais cresceu nos ultimos tempo, ele é também uma das melhores formas de divúlgação de um Website, Blog entre outros serviços. A ferramenta Like Box serve para juntar os fãs de nossas páginas do Facebook, assim podemos colocar uma Caixa em nosso Blog/Site para que as pessoas que gostarem do nosso trabalho possam se juntar aos nossos fãs e assim ajudar a divúlgar o nosso trabalho.

Para poder instalar essa ferramenta em seu Blog/Site primeiro é preciso criar uma página de fãs no Facebook. Se você ainda não tem uma página de fãs aprenda a criar a sua seguindo o meu tutorial no link abaixo.

>> Como Criar uma Página de fãs no Facebook

Vou mostrar para você como colocar esse Widget em seu Blog/Site, a plataforma  que vou usar será o Blogger.

Importante:Pra quem está interessado em aumentar o conhecimento na blogosfera quero convidar a conhecer meu outro blog chamado Alternativa Problogger lá eu posto diariamente artigos sobre monetização, otimização, auto motivação, entre muitos outros assuntos. Se você é blogueiro e quer interagir e compartilhar sua experiência não deixe de visitar meu outro blog. O link fica abaixo.

         . http://www.alternativaproblogger.com.br

Fique aqui com uma video aula ou se preferir veja o tutorial com imagens mais abaixo.

Clique na imagem para amplia-la.

Para começar você deve entrar na sua página de Fãs. Após entrar em sua página Copie o Link que direciona a ela.

Ainda em sua página de fãs clique em Adicionar Caixa Curtir.

Agora configure a sua Caixa, você pode ir marcando e desmarcando as opções para ver como vai ficar ou então deixe como na imagem abaixo.

Depois de Configurada clique em Get Code para pegar o código.

Iremos usar o código HTML5, então faça o seguinte. Copie o código de cima.

Após copiar o código vá até o menu Modelo do painel do seu Blog e clique em Editar Html. Lembrando que é sempre bom salvar uma cópia do modelo do seu template antes de qualquer edição no código.

Agora use as teclas CTRL + F do seu teclado e procure pela tag </body> do seu código. Agora logo acima da tag </body> cole o código que você copiou anteriormente. Salve e vamos ao próximo passo.

 Agora você deve copiar o código de baixo para que possa visualizar a caixa em seu Blog.

Após copiar volte ao painel do seu Blog e em Layout, clique em Adicionar um Gadget.

Escolha um Gadget do tipo Html/JavaScript.

Cole o código que foi copiado dentro do Gadget. Os local marcado data-width="292" é responsavél pela largura da caixa, e onde está data-height="200" é a altura. Você pode configurar o tamanho conforme suas necessidades.

Agora escolha um Título para seu Widget e clique em salvar.

Visualize seu Blog/Site e veja como ficou.

Ter esse Widget em nosso trabalho é fundamental para divúlga-lo e para juntar nossos fãs.

Eu espero ter ajudado, e que esse ótimo widget funcione perfeitamente em seu Blog. Não deixe também de Curtir o Site no facebook e fazer parte do nossos fãs, e é claro qualquer dúvida é só comentar.