Widget Facebook

Detalhes da questão

Endereço do fórum: http://lostscavenge.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, queria que alguém pudesse me ajudar a montar esse widgetm peguei os seguintes códigos mas não consegui fazer funcionar corretamente igual a essa print http://prntscr.com/kh8eux

Código:

<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 = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Código:

<div class="fb-page" data-href="https://pt-br.facebook.com/LostScavenge" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://pt-br.facebook.com/LostScavenge" class="fb-xfbml-parse-ignore"><a href="https://pt-br.facebook.com/LostScavenge">Lost Scavenge</a></blockquote></div>

Olá @Luqui,

Eu realizei os testes e widget está funcionando corretamente, da mesma forma que está no seu screenshot.
Não vejo o widget adicionado em seu fórum, poderia adicionar para ver onde está o erro?

Até mais.

Não entendi muito bem, teria como explicar melhor?

Bem, eu criei o widget no meu fórum de testes e funcionou normalmente.
Eu vi que você só colocou uma parte do código no widget, mas você deve colocar o código inteiro, desta forma:

Código:

<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 = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://pt-br.facebook.com/LostScavenge" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://pt-br.facebook.com/LostScavenge" class="fb-xfbml-parse-ignore"><a href="https://pt-br.facebook.com/LostScavenge">Lost Scavenge</a></blockquote></div>

Fico no aguardo.

Funcionou! Porem teria como deixar no tamanho da linha vermelha? ficou muito grande http://prntscr.com/kh9t2o

Troque por este:

Código:

<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 = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://pt-br.facebook.com/LostScavenge" data-tabs="timeline" data-small-header="false" data-height="350" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://pt-br.facebook.com/LostScavenge" class="fb-xfbml-parse-ignore"><a href="https://pt-br.facebook.com/LostScavenge">Lost Scavenge</a></blockquote></div>

Procure por 350 no código e modifique até ficar a seu agrado.

Perfeito, Obrigado novamente Rafael