Truques e Dicas de Informática
É muito comum actualmente ver em sites (blogs e outros), um widget do Facebook (conhecido por Facebook Like Box ou “caixa de fãs”) que permite aos visitantes “Gostar”/”Curtir” do nosso site sem terem de ir à página respectiva no Facebook. Além de ser prático, é também uma forma de ‘estar presente’. E como fazem isso?
O resultado final é o seguinte:
Vai à página para a qual queres criar uma caixa de Like.
Agora copia o seu URL.
Vai à página de criação do widget da Like Box.
Agora cola o URL copiado no 1º Passo.
Nota: Se o URL contiver o texto ?sk=wall no fim, remove-o primeiro.
Personaliza as restantes opções (o lado direito mostra o resultado).
Clica em “Get Code” e copia o código HTML que está na caixa de cima:
Agora cola o código no lugar onde desejas que ele apareça!
Se por exemplo quiseres colocar a Like Box no Blogspot (Blogger), faz o seguinte:
E pronto já está tudo em ordem! Esperamos que tenhas conseguido e que atraias muitos visitantes para o teu site com este método. Qualquer dúvida ou sugestão usa os comentários!
Obs: Qndo desconecto do Face, os fãs da caixa Like box desaparecem, ou seja, so posso ver as fotos dos que estao curtindo qndo me conecto no facebook.
Por q isso? ja fiz tanta coisa e nada, o tal de privacidade não é, ja tentei.
Ola blz, Parabéns pelo blog, como eu faço para retira a borda da caixa GOSTO, tem como fazer isso?
Oi..
tava tremendo nas bases, achei que tinha que criar o lb pelo meu perfil e tinha me esquecido de criar uma página, foi ótimo ter te encontrado.
Obrigada meeixmo.
Joey, certamente mexeu em alguma configuração pq o meu só não aparecia fotos dos seguidores qdo alterava a idade para visualizarem meu face.
bjinhos, boys
Nossa…. cara, vc me salvou. Já estava apanhando há algum tempo, pois não sabia que tinha quer fazer essa conversão de perfil pra página. Só aqui vi essa informação. Valeu!
HELP!!
Segui esses passos todos, mas agora na página aparece isso:
“Be the first of your friends to like this. · Admin Page · Insights”
Qualquer pessoa pode clicar em Admin Page e Insights! Como dá para tirar isso?!
Ajudem POR FAVOR
Obrigado pelas dicas.
Tinha tentado colocar a caixa anteriormente, mas sem sucesso. Não sabia que era necessário esse processo de migração.
Dessa vez funcionou direitinho!
Conseguiiii…muito obrigada!
Me foi muito útil, obrigado!
Tenho uma duvida cara quando eu faco isso get code tem as opcoes HTML5 ,XFBML e IFRAME coloco o iframe pelo dreamwaever mostra q foi colocado vou visualizar n aparece nd,ja tentei o HTML5 e o XFBML e mesmo assim n consigo olho os das pessoas e eles tem no meio do codigo htm e o meu tem php ,sera que o problema esta ai?
Muito obrigada, foi realmente de grande utilidade!
tem que colocar
js.src = “http://connect.facebook.net/pt_BR/all.js#xfbml=1″;
Bom dia a todos, tentei usar da forma aqui indicada e não deu para inclui no meu site, alguém teve que fazer outro ajuste ou algo a mais do que foi passado no tutorial?
Obrigado
eu nao consegui eu nao encontro esse adicionar mini aplicativo sem tem o add gadget que nao tem opição nenhuma a não ser add gadget por url alguem me ajude. nao consegui mesmo coloca no meu blogspot
Olá boa tarde, fiz do jeito que esta mostrando ai e aparece a seguinte mensagem “Could not retrieve id for the specified page. Please verify correct href was passed in.” poderia me dar uma dica do que seja? desde já agradeço.
Read more: http://www.tudosobrefacebook.com.br/index.php/2011/10/como-adicionar-uma-caixa-de-curtir-like-box-ao-seu-siteblog/#ixzz1jpj8533C
Segui à risca todo o processo mas não apareceu nada, ficou apenas um grande espaço em branco…
O Que faço?
Muito obrigado pelo excelente tutorial, foi muito útil pra mim. Deu certinho criar minha caixa de fãs com o botão curtir.
olha não sei se é um bug no facebook só sei que não tem como fazer isso, colocar essa caixa de amigos no site quando coloco meu url na caixa ele diz que o url não existe mais como que não existe se jah tenho quase 300 amigos e todos eles me acharam pelo meu url?
tem de ter cuidado e colocar o url BASE (isto é.. facebook.com/asuapagina – tudo o que vier depois disso é para ignorar)
Olá amigo, obrigado pela dica. Eu transformei meu perfil em página e localizei a ID, o outro passo que fiz foi adcionar uma widgwet do própria WP e inseri meu ID e tudo ocorreu como esperado obrigado!
como faço para colar o codigo no meu tumblr?
o Tumblr não permite código exterior
ótima explicação muito útil ajudou bastante ótimo post
eu conseguir colocar a baixo do site mais não consigo colocar de lado>>>>>>>
igual ao seu site o bloger não pode colocar de lado?
Sim é possível no Blogger; veja o 6º Passo
Olá Luís!
Não sei nem mais quantos posts sobre Like Box eu li…
Já segui tudo que me indicaram, mas quando coloco o código no blog e salvo a Like box simplesmente não aparece. nadinha!
Poderia me ajudar?
Obrigada
depende do blog que está a usar…
Olá! O meu problema está sendo o mesmo do da amiga Juliana aí de cima…faço todo o processo, mas não consigo vizualizar a like box, nem na direita como está explicado no post…nem no blogger…faço tudo como está escrito mas não consigo visualizar como fica…mesmo assim..copio o código e colo em Html/Javascript, mas quando salvo e vou ver…nada!!!
Oq será q está acontecendo?!
help me ,please?!
Oi..estou com o mesmo problema da Juliana e da Catia. Faço todo o processo, ai quando salvo e visualizo o blog, O espaço do like box está lá porem nao aparece. Seria necessario editar alguma configuração java? em um site que eu li a pessoa dizia q sim, que o codigo java que aparece no face deveria ser incluido atraves de editar html no blogger, mais ela nao ensina incluir so diz q tem. Help me please =)
E ae pessoal, vcs estão eskecendo de um detalhe.
Voh explicar forma correta.
1-Depois que clicar em GET CODE, como dito no 5°passo, vc clica em HTML5 e copia a 1° opção.
2-vá ao painel de controlo do Blogger
3-clica em Designer ou Layout
4-clica em Editar HTML, aperte CTRL+F e procure pela tag
5-logo após ela vc cola o código copiado e depois salve.
6- agora vc vai la no face e copia a 2° opção, depois va DESIGNER/ELEMENTOS DE PAGINA/ADCIONAR GADGET/HTML cola o código e PRONTO.
quem consegui da um joinha na minha pagina no meu blog vlw.
http://vibedomodelo.blogspot.com/
boa noite e boa sorte.
Olá Jéssica e Juliana !
Eu estava como omesmo problema , na hora em que colava o código não aparecia, mas daí me atentei que na caixinha onde pegamos o código em cima existes 3 opções HTML5 XFBML IFRAME
No meu caso eu tive que selecionar o IFRAME
Daí mudou o código copiei e colei no Html/Javascript e daí deu certo , espero ter ajudado.
Olá Jéssica e Juliana !
Eu estava como omesmo problema , na hora em que colava o código não aparecia, mas daí me atentei que na caixinha onde pegamos o código em cima existes 3 opções HTML5 XFBML IFRAME
No meu caso eu tive que selecionar o IFRAME
Daí mudou o código copiei e colei no Html/Javascript e daí deu certo , espero ter ajudado.
O meu nao deu certo de jeito nenhum! =/
Muito bom, obrigada! Funcionou perfeitamente.
Ola é que tenho uma duvida por que quero que apareça só as pessoas que curtem a página oque de vo fazer?
Muito legal! Gostei das dicas… Facebook é o que há no momento, integrar com ele é tudo que precisamos.
Olá, eu tenho uma aplicacao totalmente em flash CS5.5, será que vai funcionar?
nesse caso nao
Sensacional…
Muito obrigado!!!
extremamente util ^^
OBRIGADO
muito bom esse tutorial ta de parabés
Ótimo! Deu certo! obrigada por este tutorial!