Ajouter Bouton Facebook à votre modèle Blogger

Vous aimez cette article ?


Facebook peut devenu un outils pour les bloggers. Quelques lecteurs ont demandé s'il est possible d'ajouter un lien "Partager sur Facebook" à nos modèles de Blogger, et bien que cela est possible...


Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent publier vos article sur leur facebook...

Modification de votre modèle d'ajouter les liens sur facebook

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">


Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

< div class='post-footer-line post-footer-line-1' >,


Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit:



Vous pouvez enregistrer votre modèle. Désormais, les lecteurs de vos articles pourront publier vos articles sur leur facebook.

A Voir !

Derniers Articles

Tags: , ,
Publie.ca Scoopeo

A Propos de l'auteur

Maher Design : Je suis passionné par le blogging, le référencement et les nouvelles technologies. Je suis également de près l'actualité du web et de Blogger. Plus d' Info sur mes activitées ,

24 commentaires

  1. Bonjour, je viens d'essayer, mais erreur, donc, qu'entends-tu par "éliminer les espaces dans le dernier code HTML".
    Merci d'avoir pitié des "débutantes"!!

  2. Bonjour, je viens de tenter l'opération, et, message d'erreur à propos de codes XML mal fermés.
    Qu'entends-tu par "éliminer les espaces dans le dernier code HTML"
    Merci d'avoir pitiés des débutantes!!

  3. @Michèle: eliminer les espace entre < ou > et la premiere lettre.

    Exemple : < li> il y a un espace à eliminer donc bien regarder tous le dernier code htlm et éliminer les espaces.

    a+

  4. après plusieurs tentative je me décide a poster ...
    voici mon message d'erreur :

    Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The reference to entity "title" must end with the ';' delimiter.

    ;(

  5. @yro nanicox : il y a six espaces à éliminer entre < et li, < et a, blank et >

    Il faut qu'il n'ai pas espace entre > ou < etles lettres pour que les balise soit fermées.

    a+

  6. j'ai fini par y arriver, (manque d'attention) je te remercie bcp de ta réponse, et pour ton blog, très utile ...
    peace

  7. c'etait laborieux mais j'ai réussi, merci à toi ;)

  8. Bonjour,
    ça fait des heures que j'essai mais on me signale toujours que mes balises ne sont pas fermées.
    Que celui pour qui ça fonctionne me passe son code.
    Merci

  9. Meme probleme que pour "The Perfect" J'ai suivi les instructions placé à la bonne ligne et retirer les espaces mais Blogger persiste à me dire:
    "Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The reference to entity "title" must end with the ';' delimiter"

  10. @Sawashier.B et The Perfect : il y a six espaces à éliminer entre < et li, < et a, blank et >

    Il faut qu'il n'ai pas espace entre > ou < et les lettres pour que les balise soit fermées.

    a+

  11. Bonsoir,
    Je n'arrive pas à insérer cette ligne de code correspondant au lien facebook car la structure du code html du blog ne correspond pas à du html classique...
    Voir ici : http://aspamsante.blogspot.com
    Auriez-vous une idée ?
    Merci d'avance

  12. @ASPAM : pour ton blog tu va sur >> Modifier le code HTML (pour inserer le code FACEBOOK) et tu clique >> Développer des modèles de gadgets.

    Ensuite tu fais CTRL+ F pour rechercher ou mettre le code FACEBOOK... tu tape dans la recherche "line-1" pour le mettre endessous du titre OU
    "line-2" en dessous de l'article au choix.

    Et juste en dessous tu colle le code hrml de facebook donné au dessus.

    bonne continuation
    A+

  13. Bonjour

    Cette ligne< class="'post-footer-line"> dans mon code htlm ne donne aucun résultat, j'ai bien essayé également de placer le code après tous les "footer" (pouvez-vous être plus précis)merci! ça ne passe pas?

  14. Bonjour et merci de toutes ses astuces.
    Voila j'ai un gros souci avec le partage d'articles, en plaçant correctement le code qui fonctionne bien,mais ne publie pas mes articles.
    On dirais que quelques choses bloque et ideme pour mon blog teste.
    pourais tu me dire ce qui cloche?
    adresse de mon blog : http://d-oneradio.blogspot.com/
    et sinon me contacter sur mon mail :
    trucme@hotmail.fr
    Je te remercie par avance.
    Syl

  15. ça ne marche pas, même en supprimant les 6 espace...

  16. je n'ai pas les lignes indiquées plus haut ??
    c'est bizarre non ?
    j'ai mis des nouveaux modeles....
    bouh

  17. Bonjour moi j'aimerais savoir comment rajouter la fenetre de sa page facebook comme celle que tu a mise dans la colonne de droite entre "Derniers articles" et "articles les plus lus" voila j'aimerais avoir le code html de ceci...

  18. Bonjour !
    Merci de aprtager vos astuces. Malheureusement sous post-footer je ne trouve "que"
    .post-footer {
    margin: .75em 0;
    color:$sidebarcolor;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    line-height: 1.4em

    commetn faire ?
    Merci de votre aide

  19. Je n'arrive pas à insérer cette ligne de code correspondant au lien facebook car la structure du code html du blog ne correspond pas à du html classique.

  20. Voila j'ai un gros souci avec le partage d'articles, en plaçant correctement le code qui fonctionne bien,mais ne publie pas mes articles.

  21. Merci pour le tuyau, je cherchais à comprendre comment utiliser cette méthode sur mon site, donc merci !

  22. Merci pour ce code HTML nécessaire dans tout blog qui se respecte

  23. Merci !! :)

Laisser une réponse :

Laisser un commentaire