Bouton j'aime facebook

par yan62 Lun 11 Mar 2013 - 0:56

Salut,

Je souhaiterais mettre le bouton facebook j'aime (dans un widget, sur mon portail) grâce à ce lien :

https://developers.facebook.com/docs/reference/plugins/like/

Le problème c'est que je sais pas ou mettre le script n°1 le sdk javascript.....Aidez moi sa fait plus d'1 heure que je recherche sur votre forum et je ne trouve pas la solution confused

Merci de votre aide.

par Scipion Lun 11 Mar 2013 - 1:18

Bonsoir

Si vous le souhaitez, mettez à disposition ici les codes que vous avez obtenus, bouton et javascript sdk, afin d'effectuer un test d'installation.

Cordialement

par yan62 Lun 11 Mar 2013 - 11:50

Voici les codes obtenus :

1. Incluez le SDK JavaScript sur votre page, de préférence juste après la balise <body>

<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2. Placez le code de votre module là où vous souhaitez le faire apparaître sur votre page.

<div class="fb-like" data-href="https://www.facebook.com/pages/Commando-de-Marine-Franco-Suisse/344349869017021?ref=hl" data-send="true" data-width="450" data-show-faces="true"></div>

Merci pour votre aide.

par Scipion Lun 11 Mar 2013 - 14:05

Bonjour

J'ai oublié de vous demander la version de votre forum car celle-ci n'apparaît pas dans votre profil. Toutefois, nous allons tenter d'installer, dans la gestion des widgets du forum, le module Facebook comme suit :

Like a Star @ heaven

Cliquez sur 'Créer un widget personnalisé'

- Nom du widget : Facebook
- Utiliser une table type : non
- Titre du widget : Facebook
- Source du widget : installez ce code

Code:: <div class="fb-like" data-href="http://www.facebook.com/pages/Commando-de-Marine-Franco-Suisse/344349869017021?ref=hl" data-send="true" data-width="450" data-show-faces="true"></div><div id="fb-root"></div><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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Enregistrez.

Dans 'Ajout/suppression de widgets personnels', choisissez ce nouveau widget et ajoutez-le.

Dans 'Options générales des widgets du forum' : vous aurez à modifier la largeur de la colonne à 450 pixels. Ceci, pour permettre au module de s'afficher dans toute sa dimension, comme indiqué dans le code.

Cordialement

par yan62 Lun 11 Mar 2013 - 16:08

MERCI....sa marche !!! Une dernière question, on fait comment pour le centrer ? C'est à dire on rajoute quoi ds le code ?

Encore merci Wink

par Scipion Lun 11 Mar 2013 - 16:25

Essayez de centrer le module en intégrant tout son code comme suit :

Code:: <div width=100% align=center>votre code</div>

Au final, le code du module Facebook devient :

Code:: <div width=100% align=center><div class="fb-like" data-href="http://www.facebook.com/pages/Commando-de-Marine-Franco-Suisse/344349869017021?ref=hl" data-send="true" data-width="450" data-show-faces="true"></div><div id="fb-root"></div><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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script></div>

Cordialement

par yan62 Mar 12 Mar 2013 - 12:57

Un grand merci pour votre aide !!!! sa marche Wink

Bouton j'aime facebook

Bouton j'aime facebook

Re: Bouton j'aime facebook

Re: Bouton j'aime facebook

Re: Bouton j'aime facebook

Re: Bouton j'aime facebook

Re: Bouton j'aime facebook

Re: Bouton j'aime facebook