Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :

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.

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
avatar

Scipion
Membre actif

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

https://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="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.

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
avatar

Scipion
Membre actif

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

https://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
avatar

Scipion
Membre actif

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

https://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