Blogosfera

Novo modelo de likebox do Facebook (Blogger ou WordPress)

Oi pessoal,

Vocês já devem ter visto por aí o novo modelo de likebox que o Facebook lançou. Não tenho nada contra o antigo e estava satisfeita com ele, mas mesmo assim resolvi testar o novo modelo e coloquei aqui no blog. Se você quiser aprender e colocar no seu também, esse post é pra você Coracao5.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-1

  • 1 – Vá na página Facebook Developers e clique em Apps > Add a New App. Caso não tenha registrado antes, o Facebook irá solicitar que você registre o seu perfil como desenvolvedor.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-2

 

  • 2 – Selecione a opção Website.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-3

 

  • 3 – Nomeie o seu App e clique em Create New Facebook App ID.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-4

 

  • 4 – Escolha uma categoria para o seu App e clique em Create App ID.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-5

 

  • 5 – Agora que o APP foi criado, acesse a página do plugin e preencha o formulário com as informações traduzidas na imagem abaixo, em seguida clique em GetCode.

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-6

 

  • 6 – Na próxima página você receberá dois códigos, um do script e outro do widget (ou gadget para Blogger):

Colocando-o-novo-modelo-de-likebox-facebook-blogger-wordpress-7

 

Para WordPress

1 – No arquivo header.php do seu tema, cole o código do script ACIMA de </head>.
2 – Agora, crie um novo widget de texto e cole nele o código do widget.

 

Para Blogger

1 – Em Modelo, clique em Editar HTML. Pesquise por ]]></b:skin> (se não encontrar pesquise só por ]]>) e ABAIXO disso cole o código do script.
2 – Agora em LAYOUT, crie um novo gadget do tipo HTML/Java Script e nele cole o código do gadget.

 

O que vocês acharam desse novo modelo? Preferiam o anterior? Comenta aí! :)

About Author

Designer na Inlove Design e artesã na Contém Fofura. Geek, metida a artista e ama coisas fofas.

41 Comments

  • Matheus Barbosa
    20 junho 2015 at 12:26

    Amei o Tutorial e já estou guardando para quanndo terminar de fazer meu theme, estou conseguindo fazer sozinho todos os códigos apesar de um pouco complicados, estou usando o Bootstrap (Framework) Sublime text (Editor de códigos) e o Brackets (Editor de códigos WP) obrigado pelo tutorial d+ <3 ;) <3

    Reply
    • Karoline
      20 junho 2015 at 14:21

      Nossa, quantos editores! rs
      Obrigada! <3 bjs

      Reply
  • Yasmin Domingos ❤
    20 junho 2015 at 15:05

    Quando abro o Facebook Developers,ele abre de um jeito diferente e não consigo colocar no meu blog. :(

    Reply
  • Maybe Ribeiro
    23 junho 2015 at 16:00

    Estou adorando seu blog! Nele tem de tudo, ótima dica, já coloquei no meu! Mas sabia que não precisa usar html, (bom eu sei mexer com html, mais me complico muito com essas coisas kkk) por essa motivo colei os 2 codigos no GADJET normal e deu certo! Amei seu blog! Sua fã! Beijos <3

    Reply
    • Gabi Ribeiro
      19 julho 2015 at 16:37

      Estava tomando um coro pra fazer da forma como está indicado no post, li seu comentário e tentei, e deu certo!!! Obrigada, bonita, salvou meu dia, haha!!

      Reply
    • Kalita Cássia
      25 julho 2015 at 4:07

      O meu só deu certo assim.
      Amo seu tutoriais e graças a eles meu blog está evoluindo.
      Beijos!

      Reply
  • Karolina
    23 junho 2015 at 19:08

    Oiii,eu simplesmente ADORO seu blog!! Ele me ajudou muito na personalização do meu cantinho.
    Será que você poderia ensinar como colocar sub-abas nas páginas do blogger?

    Beijus <3

    Reply
  • Isabelle Campos
    24 junho 2015 at 11:37

    Oi Karoline <3 De todos os blogs que conheço o seu é o meu preferido! Eu me identifiquei muito aqui, eu estou apaixonada por sua história adoro ler posts antigos que ainda não li. E logo depois que conheci aqui já sei que futuramente quero ser igualmente a você uma Web master, já conhecia esse blog desde acho que 2012 ou 2013 não lembro perfeitamente. Eu já havia visto muitos blogs usando esse modelo, eu achava que o próprio blog havia atualizado. Como estou elaborando meu novo layout irei ver se eu coloco (e claro que vou!) colocar esse novo modelo de caixinha. Já sigo a página há muito tempo! Beijos <3

    Reply
  • Anna
    25 junho 2015 at 12:40

    Ka, faz um post de como colocar “Categoria e Tags” em cada post do blogger, por favorrrrrr :) Eu queria que ficasse no rodapé de cada post a imagem do autor do post, a categoria e as tags. Tipo assim:

    (imagem do autor) • Postador por: Fulano
    • Categoria: Video
    • Tags: Vlog, Tutorial, DIY.

    Por favorrrrr, me ajuda. Bjão :*

    Reply
    • Karoline
      25 junho 2015 at 12:51

      Oi Anna, no Blogger não é possível ter duas opções de marcação de posts, tem apenas 1 opção, a chamada “marcadores”.
      Bjs

      Reply
  • Natasha Paiva
    25 junho 2015 at 20:51

    No meu quando vou colocar o codigo do script da o seguinte erro: Erro ao analisar XML, linha 1159, coluna 64: The reference to entity “version” must end with the ‘;’ delimiter.

    :/

    Reply
  • Monique Benevides
    26 junho 2015 at 14:27

    Nossa, eu não sabia que tinham lançado um modelo novo haha. Eu achei bem mais bonito que o antigo, já que visualmente é fica bem melhor no blog. Acho que vou trocar o meu também haha.

    http://www.leitecombiscoitos.com/

    Reply
  • Paloma
    26 junho 2015 at 21:39

    Oi, amei seu blog e o tutorial, aqui tem de tudo suuuper incrível! Criei o meu agora, por favor dê uma olhadinha e se gostar me segue.Beijãoo
    http://oxevenhaca.blogspot.com.br/

    Reply
  • Bárbara Mac
    27 junho 2015 at 12:18

    Adorei! Sempre amei seus tutoriais, e nunca me arrependo de passar por aqui.
    Você explica tudo de uma maneira fácil.
    Continue assim!

    Bjs

    Reply
  • Nalanda Pita
    27 junho 2015 at 18:54

    Gostei muito.Meu blog ainda estava com o box antigo e eu nem sabia da existência desse novo, obrigada por me avisar!
    Abraços!

    Reply
  • Vanessa
    29 junho 2015 at 1:34

    Infelizmente o meu deu erro. Diz que tem algo de errado em uma linha :s

    Reply
  • Jaqueline
    29 junho 2015 at 18:19

    Oi, como você colocou o botão de amou o post, ensina por favor não acho em lugar nenhum!

    Reply
  • Bárbara Almeida
    30 junho 2015 at 14:16

    Eu usava o velho, mas agora ficou obrigado o noo, mas confesso que já me acostumei e até gostei mais!

    Beijos, Love is Colorful

    Reply
  • Thami
    2 julho 2015 at 14:54

    Adoreei o tutorial!Igual aos outros do blog,estão sendo super úteis para eu terminar meu layout ausuah.
    Sinceramente,gostava mais da antiga caixa do face,mas deve ser por estar acostumada a ver ela.A nova também é bem bonita.

    Beijoos, Petit Me

    Reply
  • Michelly Melo
    4 julho 2015 at 8:11

    Oii!
    Adorei a dica e com certeza eu vou usar! :)

    Beijos!

    Reply
  • Eduardo Pereira
    7 julho 2015 at 2:53

    Nossa muuuuuuuuuuuuuito obrigado, faz muito tempo q estou tentando colocar a likebox no blog e n consigo, nunca na galaxia q eu iria imaginar ter q criar um app.
    Beijos, Dudu!
    Cotidiano Criativo

    Reply
  • Daiane
    9 julho 2015 at 19:53

    aaaaaaai, me salvou, tava doida tentando achar o link pra caixa, obg

    http://daaysantana-cantinhoteen.blogspot.com.br/

    Reply
  • Daniele Araujo
    15 julho 2015 at 0:45

    OI OI Karol, já estou usando a nova <3 eu achei bem mais bonita!
    Eu vi a tua atualização pelo meu FEED DO FACEBOOK e vim correndo.
    Um beijo, Um queijo …
    DANIELE ♥

    PORDANIELE.COM

    Reply
  • Renata Rodrigues
    17 julho 2015 at 16:13

    Ameiiii!!! :D
    Você acabou de me salvar… Consegui colocar o domínio agora no blog e estou ajustando esse detalhe… !!!

    Super Obrigada!!!

    Beijos

    Reply
  • Thays Sena
    20 julho 2015 at 22:45

    Olá, tudo bom!
    Já aprendi muitas coisas com seus tutoriais, mas infelizmente essa nova caixa esta dando um trabalhão pra mim. Não consegui coloca-la de jeito nenhum! =(

    Bjos

    Reply
  • Allana Prata
    22 julho 2015 at 3:16

    Amor qual fonte você usou para escrever sua bio? Onde está escrito “Web master, estudante de arquitetura e urbanismo, apaixonada por fotografia, artesanato, decoração, frio, games, Pullips
    e por um marinheiro ” ????
    Amei, linda demais. Seu blog tbm!
    Beijos

    Reply
  • Karol
    25 julho 2015 at 10:47

    No meu n ta dando ta disendo que n e um UrL DO FACEBOOK me ajudaaaa https://www.facebook.com/pages/Beleza-Inovadora/664960266942753?ref=hl

    Reply
  • Letícia
    5 agosto 2015 at 13:03

    Não deu certo :'( Refiz várias vezes mas mesmo assim… Não foi. Poderia me ajudar por favor ?
    Meu blog é http://www.minhajornadaintrinseca.com
    Obrigada de qualquer forma, aguardo sua resposta.
    Beijos !

    Reply
  • Beatryz Gouveia
    27 agosto 2015 at 12:49

    Karol, quando terminei não ficou a caixa do likebox, ficou o nome da comunidade com link para o facebook.

    Reply
  • Thawana Rosa
    26 fevereiro 2016 at 9:48

    Estava quebrando a cabeça para fazer funcionar, e fiz como uma moça disse no post: adicionei um gadget e colei os dois códigos nele. Funcionou! Muito obrigada :D

    Reply

Leave a Reply