Facebook Social Plugin-Like Box-Como Adicionar no Blogger
Tutorial para adicionar Facebook Social Plugin – Like Box, em blogs da plataforma Blogger Blogspot.
Publicamos o tutorial para adicionar o plugin Like Box no WordPress, conforme nosso artigo Facebook Social Plugin Like Box – Adicionar no WordPress.
Todavia, conforme o leitor do blog Exorbeo perguntou no comentário, escrevemos agora este tutorial que ensina a adicionar o plugin Like Box na plataforma Blogger, mais conhecida por Blogspot.
Entretanto, tanto numa plataforma quanto na outra a instalação do plugin se resume praticamente nos mesmos procedimentos. Vamos então ao passo a passo de:
COMO ADICIONAR O PLUGIN LIKE BOX NO BLOGGER
1. Entre na página do Facebooks vejagora.me/facebook.
2. Desça o ponteiro do mouse até encontrar o link do plugin Like Box.
3. Clique em Like Box e chegará nesta página:
4. Escreva na lacuna Facebook Page URL (?) o endereço de sua página. Isto é, da página de um site do Blogger/Blogspot criada no Facebook.
Se você ainda não criou a página de seu blogger/blogspot no Facebeook e quer aprender a criá-la agora, considere ler este tutorial: Boo-Box – Sete Passos para criar uma página no Facebook.
5. Após inserir o link de sua página na lacuna, altere a largura do widget na caixa Width (?). E a altura na caixa Height (?).
6. Na opção Color Scheme (?), marque se quer a cor clara (light) ou escura (dark). Em border color, escolha a cor da borda. Se nada escolher, ficará como está no widget à direita.
6. Em Show Faces (?), você pode optar por mostrar o rosto das pessoas (opção recomendada) ou excluí-los. Recomendamos-lhe mostrar o rosto (avatar) das pessoas porque assim o widget fica mais atraente e convida os visitantes a clicar nele.
7. A opção Show Stream pode ser desmarcada a fim de que apareçam só o rosto das pessoas. Se deixar marcada, aparecerá também uma lista de postagens. Observe que nesse caso o widget fica comprido demais.
8. A opção Show header mostra o cabeçalho do widget. Deixe-a marcada para mostrar o texto do cabeçalho.
9. Agora, por último, clique em Get Code para copiar os códigos (são dois para o Blogger) e colar no gadget e no HTML de seu blogspot.
HORA DE COPIAR O CÓDIGO PARA ADICIONAR NO BLOGSPOT
Observe que o destaque “Código para seu Like Box” mostra dois códigos.
Para adicionar no blogspot, escolha o formato HTML5.
Note que aparecem dois códigos: O maior em cima e o menor em baixo.
Selecione o código maior. O que começa por
Para isso, entre na sua conta do Blogspot e clique em Configurações > Design > Editar HTML.
Faça uma cópia do template para reinstalá-lo em caso de erro. Acreditamos que não dará erro, pois, seguindo este método você acertará.
Com a página HTML aberta, procure a tag
Cole o código maior dentro da tag
Clique em Visualizar para ver se a página abre normalmente. Abriu? Então, clique em Salvar.
Nesse passo você não verá ainda o widget no seu blog. Vamos agora ao passo seguinte.
Clique novamente em Design e em seguida em Adicionar um Gadget. Caso queira aprender mais, leia nosso artigo do blog Aabaca Dicas Como adicionar gadget no Blogger/Blogspot.
Em seguida, clique em HTML/JavaScript. Cole dentro dele o código menor. Esse código começa por
Salve-o.
Pronto! Agora acesse a página principal de seu blog ou site e o verá no lugar em que o colocou.
A partir daí, caso queira alterar a largura, altere-a no próprio gadget. Ou então, retorne ao código original do Facebook e altere lá.
Esperamos que este tutorial o ajude a adicionar um widget Facebook Social Plugin like Box bem legal em seu blog, da plataforma Blogger ou Blogspot.
Leia também:
- Entrevista com o Escritor Português Pedro Silva
- Downloads de Livros Infantis Grátis
- Paper.li seu jornal diário na internet
- Museu Virtual Era VirtualMuseu Virtual Era Virtual
- Livro Infantil O Porquinho no Espelho
- O Sabe Tudo divulga seus blogs
- Simplesmente esforça-te e tenha bom ânimo
- Cultura Pouso Alegre divulgação cultural
- Onde encontrar o livro Mokoloton extraterrestre
- Participe de Campanha Doe mais que um clique
Thumbnail Screenshots by Thumbshots
José Guimarães
Professor, escritor e blogueiro. Autor dos livros infanto-juvenis O Porquinho no Espelho e Mokolóton, o extraterrestre. Estuda formas de ganhar dinheiro na internet com blogs e produtos digitais. Também estou em Contos e Estudos Bíblicos e Ganhar Dinheiro Legal. Muito obrigado pela sua visita a este blogs.
Ótimo tutorial, brother, ajudou demais…
Luiz, você já criou a página de fãs no Facebook?
Depois de criá-la, escolha a opção desejada para criar o botão.
São diversos tipos de botões na página
http://developers.facebook.com/docs/plugins/
Guimarães
no meu não tem esse não tem mesmo
Olá Diego
Visitei seu site e não vi o botão lá.
Foi retirado?
No aguardo de sua informação.
Guimarães
ola pessoal tenho um botão curtir no meu site http://www.2por1000000.com.br e o width (largura) que uso é 310px, e pretendo colocar o botão em outra area no site com uma largura menor, sei que posso criar outro mas vou perder as curtidas que ja tenho, então que puder me ajudar nessa ai, tipo criar outro e manter as curtidas ou alterar a largura do mesmo já existente, agradeço.
meu email é diego.tortola@2por1000000.com.br
Julie
Pegue a primeira tag, do código para seu Like Box, a HTML5.
O primeiro código, que começa com
, você adiciona dentro do HTML do Blogger. Depois da tag
.Coloque depois de
ou antes de .O segundo código, que começa por
Estamos na área.
Eu queria saber qual a TAG pra procurar no editar html (:
[...] Facebook Social Plugin Like Box: como adicionar no Blogger [...]
Olá Nubia Simões
Aguarde que mais tarde te explicarei por e-mail, está bem?
Simularei a inclusão do código no meu blog de teste do Blogger.
Até mais.
Q Tag, meu amigo??? qdo abro o HTML eu teria que saber qual o trecho onde colocaria o cod dado pelo get code. Usar F3 nao abre nada. E mesmo q eu tentasse dar ctrl F, uma vez q uso o mozzila, eu teria q saber q trecho digitar para poder localizar…. a parte onde coloca o cod menor eu entendi. Vai em add HTML/Java…, nao eh isso? A primeira parte eu voeei total. Serah q vc poderia me responder por e-mail? Eu ateh jah havia colocado a like box de outra maneira utilizando o cod do IFRAME, no widget e tal..mas a caixinha fica apenas com 2 linhas de fotos, e nao fica como a dos sites q eu jah vi.
Te agrad imensamente. nara_nubia1@hotmail.com
Olá Kaio
Muito obrigado por sua visita e comentário.
Legal o post.
Parabéns.
Ótima dica…. Valew
Extintor postado recentemente..Guia Extintor de Incêndio – Compra, Venda e manutenção. Confira
@eXorbeo,
Legal
Bom que gostou.
Muito obrigado por sua visita e comentário.
Até mais.
Que maravilha amigo! Parabéns novamente pelo seu ótimo tutorial e muito obrigado por nos atender sempre! Muito sucesso pra ti!
eXorbeo postado recentemente..Assinantes da Via Embratel ficam preocupados com mudança Para Claro TV