FACEBOOK "Bluraydefectueux.com" What's up ?

Message par **bluraydefectueux** » ven. 6 mai 2016 19:10

Le 05 mai 2016 a été mis en place une page Facebook, l'étape quasi incontournable de nos jours (afficher une présence, sur au moins un réseau social).

Facebook intervient là uniquement pour une duplication des informations PRINCIPALES et IMPORANTES (listing à jour, stats, nouvelles découvertes) produites par le couple Blog/Forum, la priorité (pour les échanges) est donnée au forum.

Vous trouverez la page dédiée ici: https://www.facebook.com/bluraydefectueux

Vous pouvez ajouter si vous le désirez un petit plug-in permettant de promouvoir "Bluraydefectueux.com" sous cette forme

les code à ajouter sont les suivants :

Script ( idéalement à placer après la balise <body>

Code : Tout sélectionner

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

puis le code suivant (à l'endroit désiré)

Code : Tout sélectionner

<div class="fb-page" data-href="https://www.facebook.com/bluraydefectueux/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bluraydefectueux/"><a href="https://www.facebook.com/bluraydefectueux/">Bluraydefectueux.com</a></blockquote></div></div>

Dans un blog WordPress, vous pouvez mettre les deux codes suivant l'un après l'autre dans un Widget Texte par exemple

Il existe aussi une autre possibilité l'iFrame (qui fonctionne aussi pour un site web ou un blog Wordpress par exemple)

code:

Code : Tout sélectionner

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbluraydefectueux%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

Pour ce type de représentation sans timeline :

les code à ajouter sont les suivants :

Script ( idéalement à placer après la balise <body>

Code : Tout sélectionner

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

puis le code suivant (à l'endroit désiré)

Code : Tout sélectionner

<div class="fb-page" data-href="https://www.facebook.com/bluraydefectueux/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bluraydefectueux/"><a href="https://www.facebook.com/bluraydefectueux/">Bluraydefectueux.com</a></blockquote></div></div>

en mode iFrame :

Code : Tout sélectionner

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbluraydefectueux%2F&tabs&width=340&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="340" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

Valable pour toutes les formes : Le paramètre width permet de faire varier la largeur du plug-in en fonction du contenant ou de l'emplacement (width min = 180pxl et width max = 500pxl)

**Publicité**

Nous avons mis à jour les meta OG (Open Graph) afin de rendre le partage de sujet plus propre sur Facebook.