Personnaliser les commentaires de L’auteur/Propriétaire du blog
Comment Personnaliser les Commentaires du Propriétaire / Auteur du 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-->Modifiez les codes en bleu pour personnaliser l'affichage de vos commentaires (selon les indications en rouge).
<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-->
Maintenant regardez ce code :
<data:commentPostedByMsg/>Vous devez ajouter les lignes en rouge comme indiqué dans le code HTML de votre blog Blogger/Blogspot.
</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>
Voilà maintenant tout le monde va savoir qui est le/la boss!
merci bon tuto qui fonctionne !
:D
Bonjour,
je ne trouve pas le 2e code là où je dois ajouter les lignes rouges dans le code HTML..
@ 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 :)
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!!!
@ Anna L
Tu peux changer margin:0; par margin:0px 0px 10px 0px;
Ca marche parfaitement, merci beaucoup pour l'aide!!
Ca marche pas!! J'ai bien inséra le code et tout, pourtant ça marche toujours pas!
@ Kenza
bizzar, c'est quoi ton blog ???
bonjour , comment fais-tu pour enlever le petit symbole blogger de tes commentaires steuplé
encore bravo pour ton blog
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
@ 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 ...
@ 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''>
bon tant pis je voulais qu'elle fasse tte la largeur...merci!!a ++
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!
@ 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 ...
merci ...
Parfait ! Mais comment faire pour l'appliquer à plusieurs auteurs ? Eventuellement avec des couleurs différentes ? Merci par avance.
@ 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 ......
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.
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 !!!
Tu veux dire quoi par textarea ;)
@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 ;)
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.
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 !
@+
C'est dur le fait de se sentir ignoré :s :s 8-)
@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 ....
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 ...
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
;)
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?
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.
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 ?
Tu as dit le copier dans le mauvais endroit ;)
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
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.
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 :)
dans div comment-form*
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
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
MOI non plus je n'y arrive pas enfin
Salut bienje viens de le faire mais impossible pour moi encore mais merci
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"
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 !
bouhhh sa marche pas chez moi,alors que je pense avoir tout rentré correctement...
www.pauleba.com
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
Ca ne marche pas :( Pourtant j'ai suivi scrupuleusement les indications :(
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...
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 ;)