Bonsoir à tous
ça fait des jours que j'essaye d’intégrer la like box de Facebook dans un site que je suis entrain de créer mais ça ne marche pas.
Ce que je fais ,je me rends sur ce lien:
https://developers.facebook.com/docs...ns/page-plugin
Je remplis tous les champs obligatoires et je clique sur "Code"
(Ici j'ai pris la page de google sur Facebook comme exemple)
j'obtiens 2 parties du code:
-La première qu'il faut mettre juste après la balise <body>
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <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/fr_FR/sdk.js#xfbml=1&version=v2.4"; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk')); </script>
-La 2ème que j'ai mis à l’intérieur d'une balise <div>
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <div class="rightSide" style="width: 460px;">
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div class="fb-page" data-href="https://www.facebook.com/Google" data-width="350" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="https://www.facebook.com/Google"> <a href="https://www.facebook.com/Google">Google</a> </blockquote> </div> </div>
Et du côté css:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 .rightSide{ width:28% ; height:100% ; background-color:grey ; float:right }
Tout ce que j'obtiens c'est ma div rightSide avec le lien
à l’intérieur.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <a href="https://www.facebook.com/Google">Google</a>
Merci d'avance de m'aider.
Partager