quarta-feira, 9 de março de 2016

Like Box Facebook Widget Responsive

facebook-like-box-fan-page-facebook-responsive-widget

Hoje vamos apresentar facebook like fanpage widget responsive para colocar no seu blogger isso é muito util e o melhor é responsive apropriado para dispositivos moveis, com isso você só tem a ganhar e pode usar no sidebar do blogger lado direito do seu Blogger ou onde preferir.


Para adicionar isso ao seu Blogger siga os passos

Faça login no blogger no menu 
modelo editar então HTML/JavaScript  logo após 
com as teclas combinadas CTRL+F  busque por ]]></b:skin> e logo acima disso cole o seguinte código.

.fb-wrap {width:50%;margin: 0 auto;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

salve o modelo do template.

Então vá no menu layout e adicionar novo gadget escolha HTML/JavaScript copie o código abaixo e cole.

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-wrap">
  <h1>Responsive Facebook Like Box</h1>
<div class="fb-like-box" data-href="https://www.facebook.com/mybloggerseo" data-width="992" data-show-faces="true" data-show-border="false" data-colorscheme="light" data-stream="false" data-header="false"></div>
</div>


Não esqueça de trocar o link em amarelo pelo link de sua fanpage no facebook.



NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner