Nova “Like Box” para páginas no Facebook

O Facebook mudou sua antiga “Like Box” que é aquelas caixa que você coloca no seu site ou blog para que os visitantes possam curtir sua página no Facebook. Agora ela se chama “Page Plugin”.

Embora as funções sejam as mesmas e o propósito do plugin também, o Facebook remodelou o plugin deixando muito mais leve para se usar e com isso não pesando tanto no carregamento da página.

Nesse tutorial vou mostrar como você pode colocar essa nova Like Box remodelada em seu site ou blog e ter cada vez mais pessoas curtindo sua página no Facebook.

Vídeo

Código do Page Plugin

1º Passo: Clique no botão abaixo para ir na página do Page Plugin onde vamos criar o seu código:


2º Passo: Na página basta você configurar o seu Page Plugin que é muito simples como vou mostrar abaixo:

8789456456

1) Facebook Page URL: Coloque a URL da sua página no Facebook

2) Width: Escolha qual será a largura da sua caixa

3) Height: Escolha qual será a altura da sua caixa

4) Hide Cover Photo: Desmarque essa opção para mostrar sua Cover do Facebook

5) Show Page Posts: Marque essa opção se quiser que as postagens feitas na página apareça no Page Plugin

6) Show Friends Faces: Marque essa opção se quiser que apareça fotos de pessoas que curtiram sua página

7) Get Code: Clique nesse botão para criar o sua Page Plugin e pegar o código

Colocando no Site/Blog

1º Passo: Agora temos dois códigos que devemos colocar no site ou blog e para isso copie o primeiro código como na imagem abaixo:

897874544444444

DETALHE: Se você for colocar no Blogger você precisa converter esse código clicando no botão abaixo para acessar o site no qual você deve colar o código e clicar em “Convert” e depois copiar novamente o código meio “desconfigurado” é esse que vai funcionar! 


Se você não for usar no Blogger pode pular essa parte do tutorial.

2º Passo: Agora devemos colocar esse código no seu site ou blog que vou mostrar abaixo para Blogger e WordPress:

Blogger: Clique em “Modelo” e depois em “Editar HTML“.

WordPress: Clique em “Aparência” e depois em “Editor” e procure por “Cabeçalho” (header.php).

Agora aperte CTRL + F e pesquise por <body> e cole o código logo abaixo. Em alguns casos pode ter somente uma abertura <body acompanhado de outras coisas como na imagem abaixo:

0114447

3º Passo: Agora precisamos copiar o segundo código da página do Page Plugin:

ddddd89789787

DETALHE: Esse segundo código não é preciso converter mesmo que você vá usar no Blogger!

4º Passo: Basta colocar esse código em qualquer Gadget ou Widget que você preferir:

Blogguer: Clique em “Layout” depois em “Adicionar um Gadget” e pesquise por “HTML/JavaScript” e adicione o código.

WordPress: Clique em “Aparência” depois em “Widgets” procure pelo widget “Texto” e arraste para sua posição e cole o código.

Com isso sua Page Plugin deve funcionar normalmente.

Relacionados:

Ainda não há comentários.