La nouvelle like box de facebook
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:
1
2
3
4
5
6
7
8
9
10
11
12
|
<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:
<div class="rightSide" style="width: 460px;">
:
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<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 coté css:
Code:
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
Code:
<a href="https://www.facebook.com/Google">Google</a>
à l’intérieur.
Merci d'avance de m'aider.
