Bonjour, dans cet article, je vous propose un petit tutoriel qui vous permettra d'ajouter votre page fans de Facebook dans votre blog (sous Blogger), proposé par Way2Blogging.
Il est facile dinstallation, et très personnalisable (Largeur,
couleur ..etc).
Le widget apparait quand on met la souris sur le logo de facebook (Pop out)



Etape 1 : Ajouter le plugin Jquery.
Tout d'abord, il vous faut impérativement avoir le plugin Jquery.
Si vous l'avez dèjà, pas la peine de le ré-ajouter, si non, ajoutez le code ci-dessous juste avant le code ' </head> ' . ( utilisez Ctrl + F , ou bien la touche F3 )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Etape 2 : Générateur du Widget :
Ouvrez le lien : http://www.way2blogging.org/widget-generators/new-static-facebook-popout-likebox-widget-version-2
et commencez la personnalisation:

Width = Largeur du widget
Height = Hauteur du widget
Likebox color scheme = Style de la like box ( Clair / sombre )
Like box position = Position de la like box ( gauche/ droite/ Haut/ Bas)
Like box background color = Couleur de l'arrière plan
Like box border color = Couleur des bordures
Fb badge color = Couleur du badge facebook

Une fois fini la personnalisation, cliquez sur ' Generate ', puis sur le bouton beu qui apparait ' Add to blogger '.
Vous serez dirigé vers une nouvelle où vous devriez choisir dans quel blog mettre ce widget, puis cliquez sur ' Ajouter ce widget '.

En cas de soucis lors de l'installation, laissez un commentaire ;)

6 Commentaires

  1. Je reve d'avoir sur mon blog mais je ne comprend rien a tout ce qui touche a la programmation HELP !!!

    RépondreSupprimer
    Réponses
    1. Salut, si tu ne peux pas l'intégrer, juste passe moi le lien de ta page facebbok, et je le ferai ;)

      Supprimer
    2. Assal Ali, tu pourrait m'aider aussi. j'aimerai avoir le meme que sur ce blog (a droite) http://www.kayture.com/

      Mais IMPOSSIBLE !

      Le lien de ma page facebook est : https://www.facebook.com/ItKimberleys

      Supprimer
    3. Salut sophia

      C'est simple de le faire, mais je peux intégrer un code HTML dans les commentaires.
      Alors je t'ai fais un tuto sur ce lien:
      http://bpln-tests.blogspot.com/2012/11/le-widget-page-facebook.html

      Supprimer
    4. Sophia, j'ai fait une p'tite faute ...
      Le truc en vert, c'est en effet la hauteur, le rouge c'est la largeur ;-)

      Supprimer
  2. Cool! Super! Check this out http://surlapage.fr/widget/facebook-slider

    RépondreSupprimer

Enregistrer un commentaire