Personnaliser les commentaires de L’auteur/Propriétaire du blog

Comment Personnaliser les Commentaires du Propriétaire / Auteur  du Blog.

Personnaliser Commentaires Propriétaire Auteur Blog

Vous voulez que vos propres commentaires s’affichent différemment de ceux de vos visiteurs : arrière plan différent, couleur de texte différente ou toute autre modification qui va clairement distinguer les commentaires du propriétaire du blog de ceux des visiteurs. Voici donc l’astuce.
Après avoir appliqué cette méthode tout vos commentaires personnels vont êtres personnalisés même ceux écrient il y a quelque mois.


Allez dans Mise en page, Modifier le code HTML, cochez Développer des modèles de gadgets et recherchez le code </head> Copiez le code suivant juste avant </head>
<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: #F5EDE3; /* Couleur de l'arrière plan*/
color: #000000; /* Coleur Du Texte*/
border-top:0.1px solid #F5EDE3;border-bottom:0.1px solid #F5EDE3 ;border-left: 0.1px solid #002F66;border-right:0.1px solid #F5EDE3; /* Couleur et épaisseur du cadre */
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Position*/
}
</style>
<!--Commentaires_Auteur_du_Blog-->
Modifiez les codes en bleu pour personnaliser l'affichage de vos commentaires (selon les indications en rouge).

Maintenant regardez ce code :
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
Vous devez ajouter les lignes en rouge comme indiqué dans le code HTML de votre blog Blogger/Blogspot.

Voilà maintenant tout le monde va savoir qui est le/la boss!
Libellés : Publié le jeudi, juin 18, 2009
53 Commentaires
  1. merci bon tuto qui fonctionne !

    RépondreSupprimer
  2. Bonjour,
    je ne trouve pas le 2e code là où je dois ajouter les lignes rouges dans le code HTML..

    RépondreSupprimer
  3. @ Sophie :)
    Il faut chose la case "Développer des modèles de gadgets" et rechercher (Ctrl + F ou F3) par exemple :

    <data:commentPostedByMsg/>

    Tu veux retrouver exactement le même code que celui dans l'article.

    Dit moi si ça fonctionne :)

    RépondreSupprimer
  4. Bonjour,

    Le tuto fonctionne parfaitement merci, néanmoins j'ai mis des bordures comme indiqué dans le tuto et la date de publication du commentaire s'affiche maintenant presque DANS le cadre, bref il n'y a pas d'espace; savez-vous comment remédier à ce problème?
    Merci!!!

    RépondreSupprimer
  5. @ Anna L
    Tu peux changer margin:0; par margin:0px 0px 10px 0px;

    RépondreSupprimer
  6. Ca marche parfaitement, merci beaucoup pour l'aide!!

    RépondreSupprimer
  7. Ca marche pas!! J'ai bien inséra le code et tout, pourtant ça marche toujours pas!

    RépondreSupprimer
  8. bonjour , comment fais-tu pour enlever le petit symbole blogger de tes commentaires steuplé

    encore bravo pour ton blog

    RépondreSupprimer
  9. coucou...est ce qu'on peut inserer la police qu'on veut???merci d'avance...ahhh et aussi sur mon blog, j'ai bien reussi a changer le modele pour mettre tt comme je voulais mais maintenant, c'est ma bannière qui est tte decalée...pffftttt!!!et oui, c'est toi le boss, les tuto st supers cool simples!!lol
    merci
    ninie

    RépondreSupprimer
  10. @ ninie
    Merci, pour la bannière tu dois mettre une image plus petite c'est tout, environ 660px de largeur au lieu de 1250 actuellement, je pense que c'est la seule chose à faire ...

    RépondreSupprimer
  11. @ Etnik
    Je viens de voir ton commentaire,
    En fait ça dépend des templates et de la modification que tu as apporté à ton blog....

    En général tu dois rechercher un truc qui ressemble a ça :
    <dt expr:class='"comment-author" + data:comment.authorClass' expr:id='data:comment.anchorName'>
    et le remplacer par :
    <dt class='comment-author' expr:id='data:comment.anchorName''>

    RépondreSupprimer
  12. bon tant pis je voulais qu'elle fasse tte la largeur...merci!!a ++

    RépondreSupprimer
  13. ehh c'est cool à 1mm près ça colle...comment y font les autres pr avr un truc qui prend tte la largeur, j'ai essayé 14 millions de modèles dfferents et le seul qui allait, il aurait fallu q je change l'arrière plan...lol...la loose...merci, Soufiane!

    RépondreSupprimer
  14. @ ninie
    Il faut utiliser une image de la même largeur que ton blog, donc 660...
    Il faut choisir "substituer à la description & titre" quand tu ajoute l'image ...

    RépondreSupprimer
  15. Parfait ! Mais comment faire pour l'appliquer à plusieurs auteurs ? Eventuellement avec des couleurs différentes ? Merci par avance.

    RépondreSupprimer
  16. @ MisterGoupil
    Il faut ajouter des conditions b:if pour chaque auteur et définir le css pour chaque auteur.....
    Je ne suis pas sûr que ça marchera, j'essaierais si je trouve un peu de temps et je te tien au courant ......

    RépondreSupprimer
  17. Bonjour Soufiane,
    Ce blog est une belle mine d'informations, et les explications données devraient être déclarées d'utilité publique.
    Néanmoins je rencontre un problème avec le code de personnalisation des commentaires : il ne fonctionne pas dans mon blog, en dépit du respect scrupuleux de la marche à suivre (c'est pourtant un modèle des plus classiques).
    Je vous souhaite de bonnes fêtes de fin d'année, et un joyeux Noël.

    RépondreSupprimer
  18. Salut Soufiane et Bravo pour ton blog !

    J'aimerai changer la couleur de mon textarea pour les commentaires.

    Sais-tu comment faire ?

    Mon textarea est sur la meme page que mes post (comme toi).

    Merci, j'ai fait plusieurs essais mais ;;)
    Je deviens fou !!!

    RépondreSupprimer
  19. @Thierry
    WOW Trop fort ton blog :a J'adore j'adore j'adore
    Désolé pour le retard j'avais zappé ce commentaire, est ce que ça ne marche toujours pas ;)

    RépondreSupprimer
  20. Par textarea je veux dire le cadre ou l'on tape son texte au moment d'écrire un commentaire. (le cadre sous Laisser un Commentaire / Poser une Question)

    Par défaut, il est blanc. Je voudrais changer sa couleur.

    RépondreSupprimer
  21. Bonjour, d'abords je veux te remercier pour ce magnifique blog, qui a rendu le mien très conviviale et plein de belles astuces. merci et je te suis régulièrement.
    Sinon, juste une petite question concernant les smileys dans mon commentaire! je m'explique: j'ai mis les smileys et ça marche à merveille, et j'ai personnaliser aussi mon commentaire en suivant les étapes citées au dessus et ça marche à merveille aussi, sauf que les smiley n'apparaissent pas dans mes commentaire après l'avoir personnalisé! je me demande pkoi ?!
    Je sais que tu es très occupé et que tu as très peu dtemps pour répondre aux question, mais je serai reconnaissante d'avoir une tite solution sur le cas ! et je te remercie infiniment d'avance !
    @+

    RépondreSupprimer
  22. C'est dur le fait de se sentir ignoré :s :s 8-)

    RépondreSupprimer
  23. @Pluie Tendre
    C'est juste que j'ai un peu trop de commentaires en ce moment et pour un le petit humain que je suis, il m'est impossible de répondre à tout le monde surtout quand, comme dans ton cas, il me faut plusieurs minutes pour le faire ....

    RépondreSupprimer
  24. Tu utilises les smiley de Bloggerstop ;) Normalement si tu utilises mon code pour les smiley avec mon code pour personnaliser les commentaires ça devrait aller ...
    Et voilà comment je perd du temps pour rien que à la fin je n'ai plus envie de répondre au commentaires ...

    RépondreSupprimer
  25. Bonjour ton blog est tj aussi sympa. je n'arrive pas du tout à changer de couleur les commentaires Je voudrai différencier mes commentaires d'une autre couleur.
    Trop compliqué bye

    RépondreSupprimer
  26. bon je me lance pour ma question parce que j'y arrive pas, elle est peut être bête mais bon c'est pas nouveaux que je suis une quiche de l'ordinateur (ben oui sinon qu'est ce que je ferais sur ton (super) blog).

    ce qui est écrit en rouge (exemple: /* Couleur de l'arrière plan*/ on doit le laisser ou le supprimer?

    RépondreSupprimer
  27. Salut Soufiane, j'ai un problème sur mes commentaires, j'ai remarqué que lorsque j'écrivais un commentaire sur mon blog, il y avait de gros ecarts entre les interlignes des mots (seulement pour moi: le proprio du blog) pour mes visiteurs, cela s'affiche normalement. Comment puis-je remedier à ce problème. Merci.

    RépondreSupprimer
  28. Bonjour,
    J'ai fait exactement la manip que vous nous avez indiquer et j'ai sans arrêt ce message d'erreur "Message d'erreur XML : The element type "b:loop" must be terminated by the matching end-tag "".
    Je comprends pas pourquoi ca me fait ca.Une petite idée ?

    RépondreSupprimer
  29. Tu as dit le copier dans le mauvais endroit ;)

    RépondreSupprimer
  30. Hello

    J'ai apparemment un bug avec mes commentaire : je ne peux pas les mettre sur la même page (du coup, je ne peux pas utiliser ces smileys) sinon quand on clique sur 'écrire un message", il ne se passe rien.

    Quelqu'un pourrait-il m'aider à corriger cela svp ?

    Merci

    mon code :
    /* ----- COMMENT ----- */

    #comments {
    margin: 0px -15px 0px -15px;
    padding: 15px 50px 15px 50px;
    text-align: left;
    background: $commentbgColor;
    color: $commentTextColor;
    font: $commentTextFont;
    border-bottom: medium double $postfooterBorderColor;
    }

    #comments a {
    color: $commentauthorColor;
    }

    /* comment-header */
    #comments h4 {
    margin: 10px 0px 5px 0px;
    padding: 3px 0px 3px 0px;
    color: $commentTitleColor;
    font-variant: small-caps;
    }

    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    .comment-author {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: $commentauthorColor;
    }

    .comment-body p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.6em;
    }

    #comments ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: disc;
    }

    #comments li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

    a.comment-link {
    /* ie5.0/win doesn't apply padding to inline elements,
    so we hide these two declarations from it */
    padding-left: 0px;
    }

    html>body a.comment-link {
    /* respecified, for ie5/mac's benefit */
    padding-left: 0px;
    }

    Merciiii

    RépondreSupprimer
  31. Bonjour Soufiane, j'ai toujours utilisé tes astuces et ça a toujours marché, mais pour celle-là ... :s
    Tu peux le voir dans mon blog; sa fait bizarre, peux-tu m'aider à trouver une largeur/longueur plus "normale" , silteplait,
    Merci.

    RépondreSupprimer
  32. slt :)
    je ne sais pas trop ou poster ma demande, enfin voila, je cherche à personnaliser le bloc commentaire celui ou on post ou j'écris en ce moment même :)
    tout du moins j'aimerais l'aligner avec le bloc des commentaires publiés comme sur ton blog.

    J'ai trouvé cette partie de code, mais rien n'y fait j'arrive pas à le décaler
    dans "développer les gadgets"

    ça se passe sur ce blog : http://capquevilly.blogspot.com/
    enfin bref je continue à chercher
    merci
    A tt :)

    RépondreSupprimer
  33. bon j'ai trouvé pour déplacer le bloc comment ou l'on écrit et l'entête de ce même bloc.
    pour ceux que ça interesse, j'ai gribouillé un truc ici, je laisse qq jours :

    http://nsm03.casimages.com/img/2010/07/08//100708124329408686368146.jpg

    RépondreSupprimer
  34. bonjour Soufiane!
    j'ai voulu installer ce qui est ci dessus mais ça ne marche pas j'ai du faire une erreur mais je sais pas ou mes commentaires sont toujours en blanc!!!!
    voila mon blog si tu peux me dire ce qui cloche : http://kaderickenkuizinn.blogspot.com/ merci d'avance

    RépondreSupprimer
  35. MOI non plus je n'y arrive pas enfin

    RépondreSupprimer
  36. Salut bienje viens de le faire mais impossible pour moi encore mais merci

    RépondreSupprimer
  37. J'ai eu le problème hier en changeant mon nouveau template. En fait vous devez vous assurez que tous vos scripts soient bien après le
    DT du Dt et non pas après directement après le , quitte à les déplacer. C'est ainsi que vous pouvez installer le script de 'personnaliser l'auteur du blog"

    RépondreSupprimer
  38. Bonjour, très bonne astuce, merci donc, ça marche chez moi !

    Est-il possible de remplacer la couleur du background par une image ? Je suppose que le code doit être url qqchose, mais je patine un peu !

    En tout cas merci du Blog qui est une mine !

    RépondreSupprimer
  39. bouhhh sa marche pas chez moi,alors que je pense avoir tout rentré correctement...

    www.pauleba.com

    RépondreSupprimer
  40. Merci pour ces aides.
    Cependant, pour moi aussi cette astuce n'a pas marché.

    En cherchant, j'ai trouvé un site qui propose une méthode similaire, mais avec un code différent. Il a marché pour moi. Je laisse le lien pour ceux qui ont des problèmes et qui voudraient l'essayer.

    http://blog.jeremymartin.name/2008/02/blogger-trick-style-author-comments.html

    RépondreSupprimer
  41. Ca ne marche pas :( Pourtant j'ai suivi scrupuleusement les indications :(

    RépondreSupprimer
  42. bonsoir merci pour toutes ses astuces.
    ensuite, j'ai mis la ou il faut on verras bien.
    pour mes commentaire vue que je passe pas "Intensedebate" est-ce que cela fontcionne aussi ?
    merci...

    RépondreSupprimer
  43. Bonjour,
    Merci beaucoup pour ce tuto ca fonctionne très bien mais je souhaiterai que mon pseudo et mon avatar soit également avec un fond couleur, comme mon texte auteur, est-ce possible ?
    Si oui comment ?
    Par avance merci.
    Bonne journée et bonne année ;)

    RépondreSupprimer
  44. Ne fonctionne toujours pas pour moi que ce soit ça ou les smileys, je ne comprend pas :-(

    http://bjd974.blogspot.com

    help please !

    RépondreSupprimer
  45. bonsoir et bien je n'y arrive pas du tout mais merci

    RépondreSupprimer
  46. je viens te dire bonjour et depuis la nouvelle présentation je n'y arrive pas non plus
    bonne journée

    RépondreSupprimer
  47. ca ne marche pas avec la nouvelle interface bloggeur

    RépondreSupprimer

Copyright 2015 Soufiane.fr