Mettre une Like Box Facebook responsive sur un site ou un blog

#Site web #

facebook-likebox

Facebook est un des reseau sociaux les plus important. Nombreux sont celles et ceux qui l'utilisent, offrez leur une like box. Nous verrons comment installer une like box Facebook sur son site ou son blog et surtout comment la rendre responsive.

1. Récupérer l'iframe de votre page:

Pour récupérer la balise iframe de votre page , rendez vous ICI

facebook-likebox1

facebook-likebox3

Copier la balise iframe et placer le dans un widget texte.

En l'état, le widget fonctionne mais il n'est pas encore responsive, c'est l'objet du paragraphe 2.

 

2.Rendre votre like-box responsive

Il faut mettre votre balise iframe obtenu précédemment dans une balise div comme ceci:

<div id="likebox-wrapper">
    <iframe src="..."></iframe>
</div>

 

Ouvrez ensuite votre feuille de style css (style.css sous wordpress) nous allons definir la class likebox-wrapper. Rajoutez ce bout de code:

#likebox-wrapper * {
width: 100% !important;
}