Colocar Like Box no Blog - Caixa de Fãs do Facebook

Conseguir ganhar visitas para o blog no Facebook é o que todos os blogueiros querem saber como fazer, o primeiro passo é fazer uma pagina no Facebook para seu Blog e depois disso colocar um link ou uma caixa no seu blog para divulgar a sua pagina no facebook, então veja como configurar a sua Like Box (caixa de fãs) do facebook para usar no blogger.

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

Link desta página

Comentários

82 Comentários

82 Comentários:

Emerson Almeida disse...: Muito Bom para Fidelisar os Leitores.; 25 de setembro de 2011 10:19
lucas disse...: Nossa adorei essa rsrs.

Indo colocar no meu blogger agora!

vlws; 25 de setembro de 2011 11:19
Matheus disse...: MUITO BOM, CONSEGUI COLOCAR DE BOA NO MEU BLOG.
ESTAVA QUERENDO A MUITO TEMPO COLOCAR.; 25 de setembro de 2011 11:24
Anônimo disse...: Olá Fabiano, sei q não tem nada a ver com o post mas tenho certeza que pode me ajudar

O 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!; 25 de setembro de 2011 11:36
@RavenaBezerra disse...: Ótimo!

Só 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; 25 de setembro de 2011 12:30
José disse...: Como mudar o You like this por você curte isto?; 25 de setembro de 2011 12:35
Rita disse...: varios 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; 25 de setembro de 2011 14:45
Portal Mangaká disse...: Olá fabiano gostaria de saber se tem como colocar apenas as postagens de um determindo marcador na página principal.; 25 de setembro de 2011 17:11
Fabiano Roberto disse...: Anônimo
seu 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; 25 de setembro de 2011 18:12
Fabiano Roberto disse...: @RavenaBezerra
não é o link do seu perfil, é a url de uma pagina do Facebook para seu blog; 25 de setembro de 2011 18:14
Fabiano Roberto disse...: Rita
parece 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; 25 de setembro de 2011 18:19
Fabiano Roberto disse...: José
veja aqui Mudar o texto You might also like

Portal Mangaká
não tem como colocar só as postagens de um marcador na pagina inicial; 25 de setembro de 2011 18:20
Isaias disse...: Mal que esse aplicativo do Facebook é tão pesado.; 26 de setembro de 2011 14:53
The cc pixel disse...: Cara, começou a dar um bug muito louco aqui! Todos os meus blogs sumiram!; 26 de setembro de 2011 17:40
Fabiano Roberto disse...: Isaias
tente excluir o historico de internet... pode ser erro de carregamento da pagina; 26 de setembro de 2011 18:05
Isaias disse...: 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.; 26 de setembro de 2011 18:53
@RavenaBezerra disse...: Consegui! Obrigada!!!!!!!! =D; 26 de setembro de 2011 20:10
Diego Martins disse...: Fabiano, tenho 3 dúvidas!
1º - 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.; 26 de setembro de 2011 21:19
Fabiano Roberto disse...: Isaias
infelizmente é 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; 27 de setembro de 2011 14:20
Diego Martins disse...: Obrigado Fabiano!; 27 de setembro de 2011 14:24
wsomdjflash disse...: gostei de postar esta pg de fâ; 28 de setembro de 2011 01:41
Fabiana, Daniela e Andréa disse...: Fabiano, 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ê?
Desculpa minha ignorância, mas apesar de suas dicas serem preciosas, tem muita coisa aqui que pra mim é grego.
Agradeço muito.
Abç,
Daniela.; 1 de outubro de 2011 20:13
Fabiano Roberto disse...: Fabiana, Daniela e Andréa
esse código não é na pagina editar html.

coloque o código na pagina layout > adicionar gadget > html/javascript; 1 de outubro de 2011 22:22
Angelo e Qui disse...: Adorei a dica, Eu estava precisando; 2 de outubro de 2011 14:37
Jose disse...: Coloquei a caixa de fãs do face no blog, só que o botão curtir ingles (like).
na maioria dos blogs eu vejo o botão curtir em portugues, como faço a tradução do botão; 4 de outubro de 2011 14:52
Fabiano Roberto disse...: no código do facebook tem algo assim: en_US troque por pt-BR; 4 de outubro de 2011 17:57
Elton disse...: Só 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; 10 de outubro de 2011 14:12
Fabiano Roberto disse...: Elton
nã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; 10 de outubro de 2011 15:07
birapcbira disse...: realmente é muito legal!; 14 de outubro de 2011 16:36
Byaku-kun disse...: Quando eu colo o código no HTML/JavaScript e salvo não aparece a Likebox. =\ Pq?; 16 de outubro de 2011 11:31
FUNK RIO disse...: nã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.; 16 de outubro de 2011 13:55
Fabiano Roberto disse...: FUNK RIO
veja 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; 16 de outubro de 2011 14:19
Ateliê Milokas disse...: 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.; 19 de outubro de 2011 11:42
Fabiano Roberto disse...: Ateliê Milokas
ontem (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.; 19 de outubro de 2011 14:55
Jô Santos disse...: Muito legal... Acabei de colocar no meu blog; 25 de outubro de 2011 18:17
Louise disse...: Quem conseguiu postar podia dar uma ajuda pra querm não conseguiu! Tipo eu não consegui! rs; 28 de outubro de 2011 15:35
José Moacyr Doretto Nascimento disse...: Fabiano, vc conseguiu resolver o problema de inserir o código e o likebox não aparecer?; 5 de novembro de 2011 13:23
Fabiano Roberto disse...: tem 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

se colocou os códigos nos lugares certos e não funcionou é um erro do template, mas corrigir é bem dificil; 5 de novembro de 2011 13:35
Lucas Lima disse...: Eu não entendo... o meu nome www.facebook.com/LucasLima não vai '-' Nenhum dos modos, por que isto acontece Fabiano?; 8 de novembro de 2011 15:34
Fabiano Roberto disse...: Lucas Lima
tem que ser uma pagina de fãs e não o seu perfil é por isso que não dá certo; 8 de novembro de 2011 16:41
Lucas Lima disse...: Fabiano. Então no lugar do meu Nome, o que eu ponho? Obrigado!; 13 de novembro de 2011 07:54
Fabiano Roberto disse...: Lucas Lima
você precisa criar uma pagina para seu blog e depois fazer a caixa deste tutorial.. veja aqui: Fazer uma pagina do Facebook para seu Blog; 13 de novembro de 2011 14:53
Mai Faria disse...: muiiiiiiiiiiiiiiiiiiiito bom xD; 15 de novembro de 2011 23:38
bruno disse...: ai entre no meu blog, é novo é preciso de visitantes, dps deixem o site do seu blog que eu retribuio a visita; 16 de novembro de 2011 17:38
Bruno disse...: Este comentário foi removido pelo autor.; 17 de novembro de 2011 12:01
Lucas Lima disse...: Ah! Entendi! Obrigado Fabiano! Irei tentar ;D; 17 de novembro de 2011 14:41
Gustavo Nunes disse...: Não consigo pegar o endereço de Pagina do meu Face alguem ajuda ae?'; 17 de dezembro de 2011 14:42
Fabiano Roberto disse...: veja 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; 17 de dezembro de 2011 23:14
Los Memes disse...: eu fiz tudo que ai ta falando e nao deu certo S;; 29 de dezembro de 2011 22:43
Fabiano Roberto disse...: @Los Memes essa caixa é para pagina de fãs e não para o seu perfil no facebook

muita gente faz confusão com isso; 30 de dezembro de 2011 00:54
Claudio Willian Westphal disse...: o meu não está dando certo ;/; 16 de janeiro de 2012 11:27
Fabiano Roberto disse...: Claudio Willian Westphal
você 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; 16 de janeiro de 2012 13:24
Art Butterfly disse...: 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?; 24 de janeiro de 2012 19:06
Fabiano Roberto disse...: Art Butterfly
veja se o código que pegou não tem duas partes; 25 de janeiro de 2012 15:41
Art Butterfly disse...: tinham dois códigos, não sei dizer se foi isso, mas coloquei um código em cada lugar e aí sim apareceu.; 26 de janeiro de 2012 13:53
Fabiano Roberto disse...: ok, o importante é que resolveu o problema; 26 de janeiro de 2012 16:16
Art Butterfly disse...: pois é rsrs, e seu blog me ajuda muito, tem sido meu socorro. Obrigada; 26 de janeiro de 2012 16:39
João Pedro =D disse...: pergunta,
http://pokemonblogsystem.blogspot.com/
olha,cada pessoa aparece 2 vezes nas curtidas.
tem como resolver isso?; 26 de janeiro de 2012 18:31
Fabiano Roberto disse...: é 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; 27 de janeiro de 2012 16:38
@JoaoRaphaelN disse...: Fabiano, no facebook aparece 2 códigos, qual é o certo?; 1 de fevereiro de 2012 15:18
Fabiano Roberto disse...: tente usar o código do iframe clicando no menu acima dos códigos

HTML5 XFBML IFRAME; 1 de fevereiro de 2012 16:13
Luna T. disse...: 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???; 7 de fevereiro de 2012 21:56
Luna T. disse...: Fabiano, CONSEGUI! Segui a dica acima e deu certo! Muito obrigada, se quiser curtir o meu eros blog, aí vai: http://doprofanoaosagrado.blogspot.com
Beijão!; 7 de fevereiro de 2012 22:16
Sabrina ツ disse...: 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!!!!
Ah, 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?????? =/; 8 de fevereiro de 2012 14:56
Fabiano Roberto disse...: Luna T.
mexer 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; 8 de fevereiro de 2012 16:03
Edson M disse...: Não estou conseguindo colocar duas caixas de like,
uma eu tenho no gadget e outra gostaria de colocar em uma das postagens mas ela não aparece.; 11 de fevereiro de 2012 21:13
Fabiano Roberto disse...: nunca tentei colocar duas caixas de fãs.

mas talvez gere erros por causa dos mesmos scripts nas duas; 12 de fevereiro de 2012 00:55
Ministério Jovem Guerreiros de Cristo disse...: Realmente com o IFRAME Deu certo...
ATENÇÃ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; 12 de fevereiro de 2012 23:59
Mattheus Tricolor disse...: fabiano, tem como colocar só a mãozinha curtir da pagina do blog?; 14 de fevereiro de 2012 12:10
Fabiano Roberto disse...: Mattheus 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.; 14 de fevereiro de 2012 13:01
Guilherme disse...: No meu nao está funcionando nao ser pq...; 14 de fevereiro de 2012 20:24
Fabiano Roberto disse...: Guilherme
o código da caixa tem duas partes tem que usar as duas.; 14 de fevereiro de 2012 21:27
Guilherme disse...: Nao acredito que era só isso...kkkk nem li os dois passos lá...vlw deu certo; 14 de fevereiro de 2012 22:25
Portal Do Rap disse...: fabiano 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

http://portal-do-rap.blogspot.com/; 14 de fevereiro de 2012 23:09
Fabiano Roberto disse...: a caixa de fãs é para as paginas criadas no facebook, não é para o seu perfil.

na maioria das vezes é esse o erro; 14 de fevereiro de 2012 23:20
Canto e Conto disse...: Este comentário foi removido pelo autor.; 6 de março de 2012 12:29
Cecília Padilha disse...: Olá Fabiano,

Fiz 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?; 18 de abril de 2012 12:58
Fabiano Roberto disse...: o código que uso para caixa de fãs é assim:

<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>; 18 de abril de 2012 17:03
Iêda disse...: Fabiano, ontem deu tudo certinho, apareceu lá no blog e tal...hoje sumiu...você sabe me dizer porque? Grata; 20 de abril de 2012 01:02
Fabiano Roberto disse...: tente 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; 20 de abril de 2012 18:38
Caio Carriço disse...: bom dia

estou 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; 27 de abril de 2012 10:49
Fabiano Roberto disse...: tente primeiro colocar o código completo como mostramos aqui para testar...

depois troque o nosso endereço no código pelo da sua pagina no facebook; 27 de abril de 2012 18:13

Melhores Dicas para Blogueiros

Colocar Like Box no Blog - Caixa de Fãs do Facebook

82 Comentários:

Postar um comentário