Diversos Widget Plugins Sociais do Facebook

Pin It
39 Comentários »

Mostre a seus leitores que você tem uma página do seu blog criada no facebook, dando-lhes mais uma opção de acompanhar seu conteúdo publicado.
Neste artigo, selecionamos uma série de plugins sociais oferecidos pelo Facebook.
A seguir conheça alguns Widgets para divulgar sua página no facebook no seu blog.

A página Social plugins oferece alguns widgets do facebook Plugins sociais permitem que você veja o que seus amigos curtiram, comentaram ou compartilharam em blogs/sites por toda a web.

1. Widget Atalho para páginas

Se quiser crie atalhos para a sua página, utilizando a página de atalhos do facebook.
“Atalhos para páginas” exibe o números de fãs que sua página possui e você pode adicionar o widget na sidebar do blog ou onde desejar.

Mundo Blogger

2. Widget Like box:

O widget do Like Box, permite que você exiba o número de pessoas que curtiram a sua página no facebook.
Para adicionar o widget do Like Box, acesse a página do Like Box.
Em “Facebook Page URL“, você deve colar a URL da sua página.

Em “Width“, escolha a largura total do seu widget.
Em “Show Faces“, escolha se quer mostrar o profile dos usuários.
Se marcar a opção “Show stream”, mostrará as ultimas publicações que você fez em seu mural. Se não quiser exibi-las, desmarque esta opção.
Clique em “get code” copie o código da caixa de texto e cole-o onde desejar no seu blog.

3. Widget Facepile:

O plugin Facepile exibe as imagens em seu perfil do Facebook de usuários que se conectaram com a sua página através de uma ação global ou do costume, ou também pode ser configurado para exibir os usuários que se inscreveram para o seu site.

4. Live Stream

O plugin Live Stream permite que seu usuário ao acessar sua página ou aplicação possar deixar um comentário em tempo real.
Você precisará inserir sua APP ID para gerar o plugin.

Para pegar essa ID, vá na sua página, abra uma foto do álbum e copie o ID da página localizado na URL:
Veja imagem:

5. Send Button

O Send Button permite que o usuário envie o conteúdo da sua página a seus amigos do facebook ou emails.
O processo de implantação é semelhante ao do like button.

6. Recommendations Box

O plugin Recommendations Box, serve para exibir as recomendações dos usuários. Para gerar as recomendações, o plugin considera todas as interações sociais com URLs do seu blog.

Em “Domain” você deve inserir a url do seu blog (não é a url da sua página).
Você precisará inserir sua APP ID para gerar o plugin.(Veja a explicação no item 4).



7. Activity feed

Este plugin é semelhante ao Recommendation box.
Com o Activity feed , você consegue exibir uma caixa box com as últimas atividades dos seus amigos no facebook para uma determinada URL, por exemplo, recomendações dos seus Posts.
O processo de implantação é semelhante ao do Recommendations Box.

8. Registration

O plugin Registration permite que usuários se inscrevam ou se cadastrem na sua página com sua conta do Facebook. Quando logado no Facebook, os usuários verão um formulário que é pré preenchido com as informações do Facebook.

Como instalar

Em todos os plugins citados, após preencher as informações necessárias, clique em “get the code”, para gerar o códig de instalação.
Copie o código.
Para instalar qualquer um destes widget, no painel do blogger, vá até o menu “layout” → “adicionar gadget” → Escolha tipo “HTML/Javascript” e cole o código do widget que você escolheu, e salve.

Vanessa

Vanessa é blogueira desde 2009, e 'aspirante' a web design nas horas vagas. Autodidata, viciada em internet, adoradora de blogs, seus códigos e templates, apaixonada por programas gráficos, tecnologia e web design,e fascinada pelo estilo gótico. Leia Mais sobre a autora »

facebooktwittergoogle pluslinkedinyoutube



Torne-se fã do Blog no Facebook!

39 comentários em: “Diversos Widget Plugins Sociais do Facebook

  1. Estou com um problema em meu blog de filmes,a like box só fica visivel se eu estiver logado no face,caso contrario não da certo em ipotese alguma seje em FB ou frame ou XFBML ou URL…

    Tens alguma solução paraeste erro,por favor ??

  2. Bruna disse:
    Já tentei colocar os plugins desta maneira mas o blog não aceita de jeito nenhum..
    O que pode ser?
  3. Thamyres Vanessa disse:
    Vanessa,
    Parabéns pelos tutoriais! Parabéns pela escrita! Você escreve muito bem e de modo fácil de compreender!
    No entanto, a única coisa que está “estragando” seu site é a propaganda da Net Hd… toda vez que se passa a setinha por cima de qualquer link do seu post, um vídeo instantaneamente é iniciado… chega a ser irritante… perdi as contas de quantas vezes tive que fechar esse anúncio…

    Mas em fim… talvez esse anúncio seja uma forma de você manter seu site…

    Parabéns novamente pelo bom trabalho!

  4. Alberkley disse:
    Olá, queria saber como eu coloco o: >> 2. Widget Like box: <<.
    Já peguei o código, mas não sei o local certo para colar-lo pois sempre aparece no blog o código mas o widget ñ. Se poder me ajudar agradeço muito.
  5. Marcelo Pinto disse:
    Mais uma que apliquei em meu blog.
    Abraço.
  6. Muito bom esse recommendations box!
    Tenho um dúvida sobre os botões do facebook, tentei colocar um barra de curtir, tweetar e plus ao lado do leia mais, mas algum tipo de bugno botão curtir ocorre no carregamento, fica mais visível no Google Chrome, quando está carregando a página inicial, saberia me dizer se é o script que está com erro ou é assim mesmo?
  7. Bianca disse:
    Vanessa, eu coloquei no meu blog, mas fica repetindo direto os usuarios que curtiram! Me responda por favor estou precisando!
  8. Fiz tudo direitinho mas a like box não aparece no blogger. Ela aprece na pagina de plugins do face, conecta aos meus fãs, mas não aparece quando colo no blogger. Sabe o que pode ser??? Ja colei o codigo html e testei o java também
    • O meu tbm não estava funcionando, então tentei a opção de gerar o código em IFRAME.
      Quando geramos o código (GET COD) ele aparece em HTML5, o “botão” fica em negrito. Basta clicar no IFRAME que aparece o novo código. Eu colei no gadget Java e deu certo. Talvez vc precise regular a largura no width.
  9. Paulino Costa disse:
    Vanessa boa tarde, minha amiga a minha pergunta é seguinte, e gadget da janela do facebook, aquelas que se vê em sites, CONECTE-SE E PARTICIPE, pra melhorar a pergunta, uma janela que dizem que seus amigos estao lendo em seu blog. entendeu? pode fazer um post desse no seu blog? e outra se voce souber, me avise por email ou poste aqui mesmo. Abraço
  10. amada ja ate consegui colocar a caixa de comentario mais ele repete em todos os comentarios o que pode ser feito
  11. Raíssa disse:
    Aff… eu ja usei várias vezes, mas quando troquei o template do meu blog ele desapareceu. ja retornei para os modelos blogger e estou criando algo por lá msm, mas não aparece mais o Like Box… será algum problema no blogger? Nem pop do like ta funcionando… :(
  12. Boa tarde Vanessa.

    Sou totalmente leiga em alguns assuntos de computador.Criei um blog recentemente e queria colocar plugins sociais do face mas não consigo de jeito nenhum.Estou encontrando muita dificuldade.Poderia me ajudar?Não estou entendendo.Pode explicar de maneira mais detalhada.Onde se cola aquele código que aparece quando a gente clica em get code.Espero um breve retorno.

    • Vanessa disse:
      Vc entra no painel do blogger, vá até o menu “layout” , clica em “adicionar gadget” → Escolha tipo “HTML/Javascript” e cole o código que vc copiou em “get code”, e salva.
  13. Rayanna disse:
    Adoro suas dicas, smp dá certo! Muito obrigada! :)
  14. Lucas Gabriel disse:
    Puxa Vanessa você sempre tem tudo o que eu procuro pro meu blog. Que por sinla tá comessando e está muito legal ( a maioria dos ‘itens’ do meu blog são todos retirados dos seus posts. continue assim.
  15. Muito boa essa matéria, nos mostra as diferenças das aplicações.
    Parabéns
  16. Kelson disse:
    Vanessa, queria saber qual o nome daquele pluguin/widget que vc usa no seu blog parte superior direita, para exibir a quantidade: assinantes, seguidores, fãs e google +, se possível revelar eu agradeço, Um abraço, Seu blog tem um visual sensacional, eu também sou amante de design, pena que os sites brasileiros não são como o seu, a maioria não foca muito o design.
  17. Ingrid martins disse:
    eu consigo o codigo e tudo mais não sei onde botar esse codigo….onde eu boto o meu site eu um Blogger
  18. Quando tento criar uma Widget Like box com o endereço do meu face em um outro site aparece a seguinte mensagem: There was an error fetching the like box for the specified page.
    Tem algo a ver com o meu face ser pessoa física?
  19. leonel disse:
    muito bom o seu blog e tem umas óptimas dicas
    um abraço
    Leonel Marques
  20. Olá Vanessa, gostaria de adicionar o Widget Like box no meu blog.
    Porém quando clico em get code aparecem dois códigos, tentei os dois e nada. Você pode me ajudar?
    Obrigada!
    • leonel disse:
      na caixa que aparece os códigos, por cima tem (HTML5 XFBML IFRAME URL) escolha a opção iframe, gere o código e cole no seu blog.
      abraço
      Leonel Marques
  21. Lucas Lima disse:
    Vanessa, tem como ensinar a utilizar o de registro de maneira correta? Obrigado!
  22. Guilherme disse:
    Muito bom Vanessa, você é que melhor sabe explicar!!
    faltou nesta lista de plugin social só a caixa de comentario do face no blogger
    abraço.
    • vanuza disse:
      Eu também tentei de todas as maneiras colocar essa caixa de comentário no meu blog, mas ele repete os comentários em todos posts, como não achei nenhum tutorial que funcionasse, desisti.
    • Vanessa disse:
      Guilherme, é que este plugin é necessário ter um post exclusivo com um tutorial só pra ele..pq o processo de instalação é um pouco mais “complicado”. Estou preparando o artigo, logo publicarei :)
      • guilherme disse:
        Realmente deve ser meio complicado, ou não é complicado, apenas o blogger não recebe isso muito bem. Eu coloco do jeito que é ensinado nos tutoriais, funciona dois dias, ai de uma hora para outra, os comentarios começam a repetir em todas paginas, ou as vezes somem. Vai entender né!!
      • Coelho disse:
        Também tentei milhares de tutoriais tentando colocar os comentários do face no blog, mais nunca consegui, os que eu achava eram antigos e não correspondiam as paginas que deveriam fazer isso, espero ansiosamente por um tutorial atualizado de como fazer.
      • Priscilla Furtoso disse:
        Òtimo! Então esperarei por esse tutorial porque a maioria dos tutoriais da internet estão desatualizados e são complicados demais!
        • Dijalma disse:
          edita o CSS coloca essa script abaixo em vez do seu NOME DO SITE.com
          ABraços

          (expr:href=’data:post.addCommentUrl’)

  23. Olá Vanessa, o Facebook se torna mais importante para a divulgação de um projeto a cada dia que passa e o blog que não o utilizar corretamente certamente vai ficar para trás. Excelente artigo :D

    Abraços, Arlindo Armando

  24. Paulo Neto disse:
    Como eu faço para colocar o botão do Facebook no Blogger, é aquele botão cout onde aparece no numero de pessoas que curtiram. vc pode dizer como é que faz p colocar?

Comente!

Seu comentário é muito importante, entretanto, só serão publicados os comentários que estiverem de acordo com nossa Política de Comentários.
Obter Avatar [?]

PageRank Checking Icon

© 2009-2012 Mundo Blogger - Todos os direitos reservados | Design by Vanessa |