Bouton j'aime facebook

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bouton j'aime facebook

Message par yan62 le Dim 10 Mar 2013 - 23:56

Salut,

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

http://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.

yan62
Nouveau membre

Messages : 18
Inscrit(e) le : 09/01/2012

http://battlefield360.frbb.net/
yan62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par Scipion le Lun 11 Mar 2013 - 0: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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par yan62 le Lun 11 Mar 2013 - 10: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="http://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.

yan62
Nouveau membre

Messages : 18
Inscrit(e) le : 09/01/2012

http://battlefield360.frbb.net/
yan62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par Scipion le Lun 11 Mar 2013 - 13: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>
Like a Star @ heaven 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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par yan62 le Lun 11 Mar 2013 - 15: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

yan62
Nouveau membre

Messages : 18
Inscrit(e) le : 09/01/2012

http://battlefield360.frbb.net/
yan62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par Scipion le Lun 11 Mar 2013 - 15: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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton j'aime facebook

Message par yan62 le Mar 12 Mar 2013 - 11:57

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

yan62
Nouveau membre

Messages : 18
Inscrit(e) le : 09/01/2012

http://battlefield360.frbb.net/
yan62 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum