Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1513083632
Vida do cache: 1513126832
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Redes Sociais Widget

Diversos Widget Plugins Sociais do Facebook

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.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

58 Comentários

  1. Ana Porto disse:

    Coloquei o código em meu blogger porém as partes escritas (Você curtiu isso e Você e outras pessoas curtiram) está numa cor ruim para o modelo escolhido por mim (cores) em meu blog. Tenho como modificar a cor original (azul escuro) para uma cor clara? Caso positivo, onde devo alterar isto no código fornecido pelo facebook?
    Grata,

    Ana Porto

  2. Tenho o LikeBox no portal http://www.GazetaDaSemana.com.br
    porém quando acessam o portal pelo celular (via aplicativo instalado) não aparece que já curtiu, pois o mesmo se conecta apenas via html (creio eu)…
    Como fazer para quem está conectado via aplicativo CURTIR sem precisar logar via pagina (http)?

  3. Tenho um Blog em WordPress e este tutorial me ajudou bastante eu procurava um tutorial de como incluir uma like box sem usar os Plugins do WordPress e este me tutorial me ajudou bastante mesmo sendo voltado para o Blogger.
    Obrigado

  4. Ed Soares disse:

    Oi Vanessa, tudo bem contigo?

    Olha só, depois das ultimas mudanças que tivemos no facebook, não estou conseguindo mais colocar a ferramenta SEND (Enviar) normalmente em meu blog para os envios de publicações, conforme fazíamos antes para grupos e pessoas. Essa ferramenta na minha opinião é uma das melhores do face por permitir envio para até 100 grupos ou perfis de uma vez só, escolhendo apenas para onde se enviar.
    Todas as vezes que eu faço colocação, no local da URL coloco o endereço de minha página (www.blogdoed.com) e quando tento enviar, fica horrível e desconfigurado, indo as vezes imagem de publicações que em nada tem à ver com a postagem.
    Daí, eu troco e coloco a URL da fan page, e não segue nem com a publicação, nem com a imagem da publicação.
    Ou seja, tá totalmente ruim a coisa.
    Já no quesito Recomendar ou Compartilhar, vai normalmente.
    Acredito estar fazendo algo errado, só não identifiquei ainda o quê.
    Podes me dar alguma orientação referente à isso, por favor?

  5. Rafael disse:

    olha qual o nome do plugim que faz com que a página do face apareça como uma propaganda assim que a pessoa entra no site ?

  6. Lara disse:

    Eu estou tentando colocar a minha Page do face no blog mas não vai! Já limpei 10 VEZES o tal de “cookies e caches”! O que eu faço?

  7. Aline disse:

    Queria pedir uma pequena ajuda!
    Toda vez que alguem compartilha um poste do blog no Facebook, o sistema pega mesma foto (Logo do blog).
    Fui tentar resolver e percebi que deve ser algo já configurado no HTML
    Eu tentei uma tag na postagem mas não funcionou, acho que deve ser algum comando na raiz. Vc conhece este problema? Tem alguma dica para me dar?

  8. Rafael césar disse:

    Se puder me ajudar eu agradeço, eu estou com o likebox criado na parte de desenvolvedores do facebook , só que ao colocar o código gerado e inserido no rodapé do blog ele cria uma espaço transparente aumentando assim o meu layout. Já tentei mexer e não consigo. Até coloquei em outra área do layout e o mesmo espaço se forma abaixo da caixa. Teria como remover este espaço que não foi planejeado?

  9. Aline disse:

    No caso, aparece varios codigos, e varios botoes com codigos diferentes, tentei alguns, mas qual eu devo por, eu n sei, me ajude :(

  10. Sou iniciante em PHP avançado, tbm aprendo tudo sozinho, pesquisando na web, trabalho quase 100% com vetorizações, em Corel e PhotoShop, mas realmente estou me apaixonando pela programação.

  11. christiane disse:

    Fiz o clique em “get code”, mas não sei onde aparece o código da caixa de texto que eu devo colar no meu blog.
    Pode indicar?

  12. Fabyely disse:

    Eu coloco esse plugin mas não consigo visualizar a foto de quem curtiu o post, mesmo ativando o show faces. Qual é o problema? Como resolvo?? Alias, excelente post!!

  13. Paty disse:

    Vanessa, porque no meu blog quando uma pessoa curte aparece 2 fotos no likebox?

  14. Naná Hayne disse:

    Eu copiei o código do like box, em iframe, blz tudo certinho, colo noblogger, mas a caixa não aparece, a 1a. vez apareceu, salvei, mas na sequencia sumiu, eu abro a página design e o gadget está lá, quando abro o código que eu havia colado e salvo..desapareceu! Faço tudo novamente e não fixa, sempre some!!! O que fazer? Pls help me, já pesquisei até e não encontrei nada sobre!!!

    obrigada!!!

  15. Dheni disse:

    Olá Vanessa to com o mesmo problema do DIRTY CREATIVE a caixa like box só aparece no meu blog quando estou logado teria alguma resposta para isso, já pesquisei na net e não achei nada a respeito.
    Agradeço se puderes me ajudar…
    Bjs…

  16. Olá…

    Tive um problema com o gadget lake box, segui todos os passos, porém mostra quem curtiu a pagina do face e não a minha.

    • Geovane Souza disse:

      Adenilson, blz amigo?
      na parte que diz ” facebook page url ” você deve colocar
      o link da sua página no facebook, aí continua normalmente como você fez, assim vai dar certo!
      espero ter ajudado. Abrass

  17. 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 ??

  18. Bruna disse:

    Já tentei colocar os plugins desta maneira mas o blog não aceita de jeito nenhum..
    O que pode ser?

  19. 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!

  20. 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.

    • Vanessa disse:

      Vc pode colar na sidebar do seu blog. Vá em “layout >> adicionar gadget” >> escolha o tipo “html/javascript” e cole ali.

      • loik disse:

        Boa dia a mim, quando coloco na sidebar continua a acontercer-me o mesmo. Aparece-me o código mas não me aparece na página a caixa de gostos. Como resolvo isso, preciso mesmo de ajuda.

  21. Marcelo Pinto disse:

    Mais uma que apliquei em meu blog.
    Abraço.

  22. 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?

  23. Bianca disse:

    Vanessa, eu coloquei no meu blog, mas fica repetindo direto os usuarios que curtiram! Me responda por favor estou precisando!

  24. 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.

  25. 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

  26. amada ja ate consegui colocar a caixa de comentario mais ele repete em todos os comentarios o que pode ser feito

  27. 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… :(

  28. 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.

  29. Rayanna disse:

    Adoro suas dicas, smp dá certo! Muito obrigada! :)

  30. 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.

  31. Muito boa essa matéria, nos mostra as diferenças das aplicações.
    Parabéns

  32. 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.

  33. 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

  34. 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?

  35. leonel disse:

    muito bom o seu blog e tem umas óptimas dicas
    um abraço
    Leonel Marques

  36. 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

  37. Lucas Lima disse:

    Vanessa, tem como ensinar a utilizar o de registro de maneira correta? Obrigado!

  38. 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’)

  39. 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 😀

    Abraços, Arlindo Armando

  40. 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?

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.