Criar aquela caixa que mostra as pessoas que curtiram sua pagina no Facebook e também sua atualizações mais recentes é bem simples de fazer e tem muitas opções esse acessório do facebook para seu blog.

Criar e Fazer a configuração do Gadget Like Box do Facebook
Entre na pagina de configuração do plugin social Like Box e preencha os campos abaixo:
Facebook Page URL: endereço da sua pagina no facebook, por exemplo: http://www.facebook.com/frasescurtas ou http://www.facebook.com/dicasparablogs
Width: largura do widget Like Box, isso é a largura que a caixa do facebook aparecerá no seu blog
Color Scheme: escolha a cor do widget claro (light) ou escuro (dark)
Show Faces: mostrar a imagem das pessoas que curtiram sua pagina no facebook
Border Color: cor da borda, apenas coloque o código HTML da cor que deseja, se quiser pode deixar sem nada que o gadget ficará com a cor padrão do facebook, veja aqui o Código das Cores
Stream: mostra as atualizações recentes da sua pagina
Header: exibe o cabeçalho com o nome facebook no topo da caixa.
Get Code: gerar o código da caixa de fãs para colocar no seu blog.
Enquanto faz esses ajustes na sua Like Box poderá visualizar as alterações na pagina do Facebook. Quando terminar é só copiar o código que aparece ao clicar no botão Get Code e colocar no seu blog entrando na pagina Layout >> Adicionar Gadget >> HTML/javascript e cole o código. E já está tudo pronto.
E aproveitando que estamos no assunto de divulgar blogs em redes sociais, leia também:
Aplicativos do Facebook para Blogs e Sites - Social Plugins
Ferramentas e Acessórios para o Twitter
Botão para Redes Sociais no Wordpress, Blogger, Firefox e muito mais
Muito Bom para Fidelisar os Leitores.
ResponderExcluirNossa adorei essa rsrs.
ResponderExcluirIndo colocar no meu blogger agora!
vlws
MUITO BOM, CONSEGUI COLOCAR DE BOA NO MEU BLOG.
ResponderExcluirESTAVA QUERENDO A MUITO TEMPO COLOCAR.
Olá Fabiano, sei q não tem nada a ver com o post mas tenho certeza que pode me ajudar
ResponderExcluirO meu blog, quando entro pelo firefox, dá como foco de ataques e uma tela se abre falando: "Me tire daqui", antes de entrar no meu blog. Fala que o site pode ter arquivos nocivos coisa e tal
Como assim? Isso tá diminuindo muito minhas visitas e meu site não tem arquivos nocivos
Se for firefox, visite e comprove: www.receitasdmais.com
Obrigado, sei que vai me ajudar!
Ótimo!
ResponderExcluirSó estou com um problema;
Quando coloco a URL do meu Perfil aparece essa mensagem:
"Could not retrieve id for the specified page. Please verify correct href was passed in."
O que é, e como resolver?
Obrigada =D
Como mudar o You like this por você curte isto?
ResponderExcluirvarios blogs do blogger estão dano mensagem de virus, o google está bloqueando. O meu é http://pontocruzgraficos.blogspot.com várias amigas estão reclamando do mesmo problema. Vc sabe o que está acontecendo e como podemos resolver? obrigada
ResponderExcluirOlá fabiano gostaria de saber se tem como colocar apenas as postagens de um determindo marcador na página principal.
ResponderExcluirAnônimo
ResponderExcluirseu blog deve estar com algum virus ou malware, veja na central de webmasters: http://www.google.com/webmasters/
tente remover os gadgets recentes que adicionou no blog até sumir a mensagem
@RavenaBezerra
ResponderExcluirnão é o link do seu perfil, é a url de uma pagina do Facebook para seu blog
Rita
ResponderExcluirparece que varias pessoas estão com o mesmo problema... mas não acredito que seja erro do blogger ou de algum acessorio utilizado por todos, mas acredito que isso se resolva sozinho
José
ResponderExcluirveja aqui Mudar o texto You might also like
Portal Mangaká
não tem como colocar só as postagens de um marcador na pagina inicial
Mal que esse aplicativo do Facebook é tão pesado.
ResponderExcluirCara, começou a dar um bug muito louco aqui! Todos os meus blogs sumiram!
ResponderExcluirIsaias
ResponderExcluirtente excluir o historico de internet... pode ser erro de carregamento da pagina
Fabiano é que eu sempre analiso o meu blog através do http://www.websiteoptimization.com/services/analyze/ e ele mostra essa like box sendo responsável por uma boa parte do tempo de carregamento do blog, é incrível. Por isso que eu estou testando um botão onde aparecem alguns rostos, de contatos que também curtem a página, eu acho.
ResponderExcluirConsegui! Obrigada!!!!!!!! =D
ResponderExcluirFabiano, tenho 3 dúvidas!
ResponderExcluir1º - Onde faço upload de vídeos adultos sem cair a qualidade - o blogger cai a qualidade em 50%.
2º - O blogger apresentou-nos o vizualização de imagens de uma nova forma na semana passada, muita gente não gostou, mas eu adorei. Como consigo ela de volta. Li que o blogger vai disponibilizá-la em breve e nós poderemos customizá-la, ótimo. Mas queria ele pra agora. Tem como?
3º - Ao carregar as imagens no blogger, ele redimenciona elas automaticamente e as deixa centralizadas, pelo menos no meu é assim.
Quero saber como faço para quando elas redimencionarem automaticamente, redimencionarem com uma altura e uma largura padrão, ditada por mim.
Ou quando selecionar a foto e clicar em pequeno, médio, grande, tamanho original... Fosse para um formato editado por mim.
Você pode resolver algum de meus problemas?
Agradeço a atenção.
Isaias
ResponderExcluirinfelizmente é verdade que o gadget do facebook é bem pesado na hora de carregar....
Diego Martins
veja em sites como http://www.megavideo.com para hospedagem, mas não sei se tem restrições quando a conteudo adulto
o efeito lightbox foi desativado e não temos informações se voltará a funcionar ou não.
e quando ao redimencionamento do blogger é automatico, não tem como definir o tamanho exato
Obrigado Fabiano!
ResponderExcluirgostei de postar esta pg de fâ
ResponderExcluirFabiano, depois que conseguir o code, entrar lá no layout e adicionar gadget, tem que colar exatamente onde? Eu não entendo nada daquela linguagem HTML e aparece muita coisa escrita por lá... Cola antes ou depois de quê?
ResponderExcluirDesculpa minha ignorância, mas apesar de suas dicas serem preciosas, tem muita coisa aqui que pra mim é grego.
Agradeço muito.
Abç,
Daniela.
Fabiana, Daniela e Andréa
ResponderExcluiresse código não é na pagina editar html.
coloque o código na pagina layout > adicionar gadget > html/javascript
Adorei a dica, Eu estava precisando
ResponderExcluirColoquei a caixa de fãs do face no blog, só que o botão curtir ingles (like).
ResponderExcluirna maioria dos blogs eu vejo o botão curtir em portugues, como faço a tradução do botão
no código do facebook tem algo assim: en_US troque por pt-BR
ResponderExcluirSó estou com um problema;
ResponderExcluirQuando coloco a URL do meu Perfil aparece essa mensagem:
"Could not retrieve id for the specified page. Please verify correct href was passed in."
O que é, e como resolver?
Obrigada =D
Elton
ResponderExcluirnão é o endereço do seu perfil, tem que usar o endereço da pagina de fãs...
por exemplo meu perfil é http://www.facebook.com/fabiano1404 esse endereço não funciona
tenho que criar a like box com esse http://www.facebook.com/dicasparablogs que é a pagina do dicas para blogs
realmente é muito legal!
ResponderExcluirQuando eu colo o código no HTML/JavaScript e salvo não aparece a Likebox. =\ Pq?
ResponderExcluirnão consigo colocar o link o box quando escrevo a url da erro e não aparece meu link box : o que devo fazer para resolver .aparece a seguinte frase :Could not retrieve id for the specified page. Please verify correct href was passed in.
ResponderExcluirFUNK RIO
ResponderExcluirveja esse link Fazer uma pagina do Facebook para seu Blog
você está tentando criar a caixa com o link do seu perfil... por isso não dá certo, tem que usar uma pagina de fãs
Fabiano, o get code gerado nao eh em HTML, pq quando eu colo o codigo no HTML/Javascript, nao aparece a janela Like box, o codigo gerado eh pra editar o HTML do blog, nao entendi isso, sabe me explicar o pq? Eu vi a mesma duvida que alguem que postou e vc nao respondeu.
ResponderExcluirAteliê Milokas
ResponderExcluirontem (18/10/2011) eu estava fazendo um teste e notei isso também... porém ainda não achei uma solução, por isso não falei do assunto
estou procurando resolver isso e assim que conseguir vou postar um tutorial sobre o assunto.
Muito legal... Acabei de colocar no meu blog
ResponderExcluirQuem conseguiu postar podia dar uma ajuda pra querm não conseguiu! Tipo eu não consegui! rs
ResponderExcluirFabiano, vc conseguiu resolver o problema de inserir o código e o likebox não aparecer?
ResponderExcluirtem alguns templates que tem pequenos erros difíceis de achar e na maioria das vezes nem são notados, mas as vezes geram conflitos com outros códigos... pode ser esse o caso
ResponderExcluirse colocou os códigos nos lugares certos e não funcionou é um erro do template, mas corrigir é bem dificil
Eu não entendo... o meu nome www.facebook.com/LucasLima não vai '-' Nenhum dos modos, por que isto acontece Fabiano?
ResponderExcluirLucas Lima
ResponderExcluirtem que ser uma pagina de fãs e não o seu perfil é por isso que não dá certo
Fabiano. Então no lugar do meu Nome, o que eu ponho? Obrigado!
ResponderExcluirLucas Lima
ResponderExcluirvocê precisa criar uma pagina para seu blog e depois fazer a caixa deste tutorial.. veja aqui: Fazer uma pagina do Facebook para seu Blog
muiiiiiiiiiiiiiiiiiiiito bom xD
ResponderExcluirai entre no meu blog, é novo é preciso de visitantes, dps deixem o site do seu blog que eu retribuio a visita
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirAh! Entendi! Obrigado Fabiano! Irei tentar ;D
ResponderExcluirNão consigo pegar o endereço de Pagina do meu Face alguem ajuda ae?'
ResponderExcluirveja se está criando a caixa para uma pagina de fãs e não para o seu perfil no facebook, muitas pessoas tentam criar a caixa para a pagina do perfil e isso não é possivel
ResponderExcluireu fiz tudo que ai ta falando e nao deu certo S;
ResponderExcluir@Los Memes essa caixa é para pagina de fãs e não para o seu perfil no facebook
ResponderExcluirmuita gente faz confusão com isso
o meu não está dando certo ;/
ResponderExcluirClaudio Willian Westphal
ResponderExcluirvocê está usando o endereço da sua pagina de fãs ou do seu perfil no facebook?
muita gente erra nisso. não é para usar o endereço do seu perfil mas o da pagina de fãs
Não sei pq, mas não aparece nada no meu blog, não consigo fazer essa caixa de fãs aparecer. Pode me ajudar?
ResponderExcluirArt Butterfly
ResponderExcluirveja se o código que pegou não tem duas partes
tinham dois códigos, não sei dizer se foi isso, mas coloquei um código em cada lugar e aí sim apareceu.
ResponderExcluirok, o importante é que resolveu o problema
ResponderExcluirpois é rsrs, e seu blog me ajuda muito, tem sido meu socorro. Obrigada
ResponderExcluirpergunta,
ResponderExcluirhttp://pokemonblogsystem.blogspot.com/
olha,cada pessoa aparece 2 vezes nas curtidas.
tem como resolver isso?
é estranho isso, mas não sei como resolver porque o botão curtir é só colocar o código e pronto, não temos como editar a contagem dele
ResponderExcluirFabiano, no facebook aparece 2 códigos, qual é o certo?
ResponderExcluirtente usar o código do iframe clicando no menu acima dos códigos
ResponderExcluirHTML5 XFBML IFRAME
Fabiano por favor me ajude! Eu já tentei colocar a caixa like algumas vezes no meu blog seguindo passo a passo as instruções e nunca deu certo. Da primeira vez apareceu o código certinho na pág do face, mas quando eu coloquei no gadget html do blog a caixa nunca apareceu. Eu continuei tentando e agora o facebook sequer me manda o código, aparece apenas a mensagem: Could not retrieve id for the specified page. Please verify correct href was passed in. Mas o endereço está correto! O QUE EU FAÇO???
ResponderExcluirFabiano, CONSEGUI! Segui a dica acima e deu certo! Muito obrigada, se quiser curtir o meu eros blog, aí vai: http://doprofanoaosagrado.blogspot.com
ResponderExcluirBeijão!
Já tentei zilhões de vezes... copio o código... e.... NADA! =( Meu blog já tem uma página no face... Mas não consigo essa bendita caixa!!!!
ResponderExcluirAh, Fabiano... Adorei a dica para impedir a seleção de texto e imagens... Na verdade... minha preocupação mesmo era o texto...
Obrigada!
Mas e aí???
Por que será que não consigo colocar a caixa like?????? =/
Luna T.
ResponderExcluirmexer com códigos é meio complicado as vezes um detalhe gera um erro.
Sabrina ツ
está usando o endereço da sua pagina no facebook? não é o endereço do seu perfil
Não estou conseguindo colocar duas caixas de like,
ResponderExcluiruma eu tenho no gadget e outra gostaria de colocar em uma das postagens mas ela não aparece.
nunca tentei colocar duas caixas de fãs.
ResponderExcluirmas talvez gere erros por causa dos mesmos scripts nas duas
Realmente com o IFRAME Deu certo...
ResponderExcluirATENÇÃO Blogs que ficam dando erro, por que o meu também dava erro...
tente com o códifo IFRAME que da certo.
Obg fabiano
fabiano, tem como colocar só a mãozinha curtir da pagina do blog?
ResponderExcluirMattheus Tricolor talvez algum site tenha feito uma adaptação mas não conheço. deve ser possivel fazer mas não tenho o código.
ResponderExcluirNo meu nao está funcionando nao ser pq...
ResponderExcluirGuilherme
ResponderExcluiro código da caixa tem duas partes tem que usar as duas.
Nao acredito que era só isso...kkkk nem li os dois passos lá...vlw deu certo
ResponderExcluirfabiano preciso muito de sua ajuda quando vou colocar a url da minha pagina para criar a caixinha de fas da erro de id vc pode me ajudar por favor me responde por email por favor obrigado email : johninovo@hotmail.com
ResponderExcluirhttp://portal-do-rap.blogspot.com/
a caixa de fãs é para as paginas criadas no facebook, não é para o seu perfil.
ResponderExcluirna maioria das vezes é esse o erro
Este comentário foi removido pelo autor.
ResponderExcluirOlá Fabiano,
ResponderExcluirFiz as orientações para inserir a like Box, porem quando vou pegar o código, aparece 2 códigos com as orientações que colei abaixo:
1)Inclua o SDK JavaScript em sua página uma vez, de preferência logo após a abertura...
Este script usa o ID app do seu aplicativo:
( Aprece o código iniciando
Só que não sei onde é para inserir este código, inicialmente, fui em "editar HTML expandir modelo e inseri porem deu ms de erro.
2)Coloque o código para o seu plugin onde você quer que o plugin aparecer em sua página
Acredito que seja para inserir com um gadjet na opção Inserir HTML. Porem fiz, mas parece que sem fazer a configuração do código anterior, este não funciona sozinho.
Gostaria de orientações de como posso fazer agora, para inserir o like Box da minha página do Face no meu blog?
o código que uso para caixa de fãs é assim:
ResponderExcluir<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=147152255374087";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/dicasparablogs" data-width="480" data-show-faces="true" data-stream="true" data-header="true"></div>
Fabiano, ontem deu tudo certinho, apareceu lá no blog e tal...hoje sumiu...você sabe me dizer porque? Grata
ResponderExcluirtente Limpar Histórico de Internet, assim saberá se não foi um erro momentâneo do blog ou facebook, mas se funcionou ontem quando colocou o código deve voltar ao normal
ResponderExcluirbom dia
ResponderExcluirestou tentando desde ontem colocar esta caixa no blog do meu sobrinho, mas quando eu coloco o cod lá não aparece no blog
vc poderia me ajudar
os cod são:
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/pt_BR/all.js#xfbml=1″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/pt_BR/all.js#xfbml=1″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
na caixa do like box é este os que aparece
pode me enviar a resposta por e-mail. pos hoje eu estou de plantão.
selmanascimento09@hotmail.com
obrigada eu sou uma seguidora sua
tente primeiro colocar o código completo como mostramos aqui para testar...
ResponderExcluirdepois troque o nosso endereço no código pelo da sua pagina no facebook
Não funcionou
ResponderExcluirOlá eu ja fiz essa dica e funciona!!!
ResponderExcluirFiz um outro blog e como mesmo passo a passo não quer funcionar o código no segundo blog porq?
Obrigada
Detalhe Quando coloco outro tipo de htmal funciona so do face que não :-( espero que vcs possam me ajudar
ResponderExcluirAbraços
alguns códigos do facebook tem duas partes e precisa colocar as duas para funcionar.
ResponderExcluirFabiano, queria saber se não tem como mudar o código para não aparecer as minhas atualizações no Facebook, no Like Box? Estou precisando.
ResponderExcluiracho que não tem essa opção para excluir suas atualizações
ResponderExcluirsó tem uma opção q vc desmarcar que fica aparecendo só os rstos das pessoas que curtiram a pagina... :-) desculpe a intromissão
ResponderExcluireu quero que apareça só o botão curtir e os curtidores embaixo, e nao o que eu posto no facebook, queria saber se tem algum código q eu possa mudar pra aparecer só o que eu falei.
ResponderExcluirentão precisa desmarcar a opção stream quando for gerar o código
ResponderExcluirMuito bom o seu site, ajudou bastante, vlw cara
ResponderExcluirfabiano por favor me ajude ... quando o like box gera o codigo vem dois codigos onde eu um e outro ??
ResponderExcluirpode colocar os dois juntos no mesmo gadget
ResponderExcluirparabêns pelo artigo ese gadget e otimo ele já esta no meu blog de uma olhada http://brtemplates.blogspot.com.br/ brigado
ResponderExcluirvaleu mano
ResponderExcluirMais uma vez o Dicas para blogs me deu uma tremanda força...obrigada
ResponderExcluirOlá, por favor, podem me ajudar? Coloquei a gadget, o link está correto para a pág que criei para o blog. Aperece tudo certinho, mas de repente some a imagem da janelinha para o Facebook. Além da gadget tem que colocar algum código HTML em editar modelo para isso?
ResponderExcluirna pagina do facebook aparecem dois códigos na mesma caixa e precisa colocar os dois.
ResponderExcluirObrigado, coloquei os dois que aparecem em HTML5 na gadget. Ficou bem no Mozilla, mas no Chrome não aparece a caixinha.
ResponderExcluirTodos indicam colocar o código que aparece em iframe.
Desculpem, mas estou muito confuso.
Estou me descabelando com isso, uma hora fica bom, no momento seguinte a gadget some do blog.
nos testes que fiz usando aqueles dois codigos juntos que aparecem na janela html5 funcionou perfeitamente
ResponderExcluirObrigado, já está funcionando bem aqui.
ResponderExcluirmuito bom cara, sou um usuario do seu blog a anos, o outro blog que eu tinha, nao o uso mais, quando eu terminalo, colocarei aqui para vc ver, valeu pela dica
ResponderExcluir