• Contenu similaire

    • Invité
      Par Invité
      Bouton " J'aime et partager " Facebook
      Voir le fichier IMPORTANT:
      Toute utilisation de cette version sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celle ci ne sera
      tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.
       
      Nota :
      Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
      ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
       
      Pour mettre dans votre Zwiicms un bouton " j'aime " et un bouton de partage sur votre page Facebook procédez comme suis
      1° dans votre fichier main.php situé dans le dossier "../core/layout/main.php " de votre site construit avec zwii vous
      allez ajouter ceci entre les balises <body> et </body>
      ( j'ai pour ma part mis ce code en bas de la page juste avant </body>
       
        <!-- bouton partager Facebook -->
      <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.9";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
       

       
      2° Rendez vous ensuite sur cette page pour personnaliser et paramétrer vos bouton Facebook en cliquant sur le configurateur de bouton
      https://developers.facebook.com/docs/plugins/like-button
       



       
      3° Une fois votre configuration choisie vous cliquez sur le bouton " Obtenir le code " , cela
      ouvrira une popup contenant le code pour afficher votre bouton là où vous le désirez sur votre site web.
      ( ne vous souciez pas du code à l'étape 2 de la popup , c'est le m^me que je vous ai mis au début du tuto )
      Prendre le code qui est sous la flèche rouge

       

       
      4° Ne vous reste plus ensuite qu'à coller ce code dans la page de votre zwii où vous souhaiter le voir afficher
      dans le bas de site

       

       


      dans une page ( utilisez votre éditeur en code source comme ci dessous )

       

       
      Vous pouvez bien entendu personnaliser à votre guise la div qui affiche votre bouton, il suffit de faire marcher votre
      imagination pour ce faire ...
       
      * Sources des fichiers modifiés :
      Aucun fichier modifié sauf ceux du zwii pour permettre l'affichage du bouton fourni gracieusement ( les codes ) depuis leur espace développeurs ici:
      https://developers.facebook.com/docs/plugins/like-button
      Juste une bonne recherche web permet à tout un chacun de faire la m^me chose avec d'autre boutons de réseaux sociaux...
       
       
      * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
      * Soyez aussi sympa si vous l'estimez de laisser un commentaire une fois votre téléchargement effectué et noter ce plug
      Enjoy !!!  
      Contributeur Roger nounours Soumis 24/05/2017 Catégorie Modifications et astuces  
    • Invité
      Par Invité
      IMPORTANT:
      Toute utilisation de cette version sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celle ci ne sera
      tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.
       
      Nota :
      Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
      ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
       
      Pour mettre dans votre Zwiicms un bouton " j'aime " et un bouton de partage sur votre page Facebook procédez comme suis
      1° dans votre fichier main.php situé dans le dossier "../core/layout/main.php " de votre site construit avec zwii vous
      allez ajouter ceci entre les balises <body> et </body>
      ( j'ai pour ma part mis ce code en bas de la page juste avant </body>
       
        <!-- bouton partager Facebook -->
      <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.9";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
       

       
      2° Rendez vous ensuite sur cette page pour personnaliser et paramétrer vos bouton Facebook en cliquant sur le configurateur de bouton
      https://developers.facebook.com/docs/plugins/like-button
       



       
      3° Une fois votre configuration choisie vous cliquez sur le bouton " Obtenir le code " , cela
      ouvrira une popup contenant le code pour afficher votre bouton là où vous le désirez sur votre site web.
      ( ne vous souciez pas du code à l'étape 2 de la popup , c'est le m^me que je vous ai mis au début du tuto )
      Prendre le code qui est sous la flèche rouge

       

       
      4° Ne vous reste plus ensuite qu'à coller ce code dans la page de votre zwii où vous souhaiter le voir afficher
      dans le bas de site

       

       


      dans une page ( utilisez votre éditeur en code source comme ci dessous )

       

       
      Vous pouvez bien entendu personnaliser à votre guise la div qui affiche votre bouton, il suffit de faire marcher votre
      imagination pour ce faire ...
       
      * Sources des fichiers modifiés :
      Aucun fichier modifié sauf ceux du zwii pour permettre l'affichage du bouton fourni gracieusement ( les codes ) depuis leur espace développeurs ici:
      https://developers.facebook.com/docs/plugins/like-button
      Juste une bonne recherche web permet à tout un chacun de faire la m^me chose avec d'autre boutons de réseaux sociaux...
       
       
      * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
      * Soyez aussi sympa si vous l'estimez de laisser un commentaire une fois votre téléchargement effectué et noter ce plug
      Enjoy !!!