COMO ADICIONAR A CAIXA DO FACEBOOK NO BLOG (MODO FÁCIL)

05 outubro 2016

caixa do facebook no blog

Aprenda adicionar a caixa do facebook no blog de um modo super fácil.

Nem é preciso dizer o quanto é importante para um blog ter uma página no facebook, pois será nela que você terá contato direto com os leitores e poderá divulgar o seu trabalho pra quem te segue. E essa página também precisa ser divulgada, e o blog é o melhor local pra isso. De nada adianta criar a página se ninguém sabe que ela existe.

Esse modelo é fácil porque você não vai precisar acessar o site Developer que pertence o facebook, e onde se cria o código. Basta apenas adicionar o nome da sua página e a largura que desejar. 

O primeiro modelo é bem conhecido, o outro exibe os últimos posts publicados na página. Ambos apresentam o botão de curtir, o número de curtidas, a capa e avatar da página. Confira:



caixa do facebook no blog

Para adicionar no blog é super fácil. Primeiro acesse a área administrativa do blogger e em seguida procure por LAYOUT. Depois clique em ADICIONAR UM GADGET.

caixa do facebook no blog

Escolha um dos modelos abaixo, cole na caixa de códigos, faça as alterações necessárias e depois salve.


MODELO 1
<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/sdk.js#xfbml=1&version=v2.5&appId=1435915103311903"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/NOMEDASUAPAGINA" data-width="300" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/NOMEDASUAPÁGINA"><a href="https://www.facebook.com/NOMEDASUAPAGINA">NOME DA SUA PÁGINA</a></blockquote></div></div>

MODELO 2
<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/sdk.js#xfbml=1&version=v2.7&appId=1435915103311903";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/NOMEDASUAPÁGINA" data-tabs="timeline" data-width="300" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/NOMEDASUAPÁGINA" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/NOMEDASUAPÁGINA">NOME DA SUA PÁGINA</a></blockquote></div>

Entendendo o código: Adicione o nome da sua página no local destacado de vermelho, e mude a largura onde está destacado de rosa. 

O nome da página você encontra na barra de endereço do seu navegador, como a imagem abaixo ilustra. 

caixa do facebook no blog


E se você gostou já sabe o que fazer! Curta a nossa página no facebook para ficar sempre por dentro das novidades, siga o Manual em "Faça parte" que fica na lateral do blog e compartilhe esse tutorial com os amigos. Um enorme beijo e até a próxima!


Nenhum comentário:

Postar um comentário