mercredi 25 novembre 2009

Changer la couleur des commentaires de l'administrateur

Afin de mettre en évidence vos réponses d'administrateur dans l'affichage des commentaires sur votre blog, il est possible d'y affecter une couleur spécifique.

Concrètement sur mon blog, voici ce que cela donne avec les paramètrages que j'ai choisi.

Procédure

N'oubliez pas avant de commencer à le modifier à sauvegarder votre template. On ne sait jamais...

Aller dans le menu Mise en page / Modifier le code HTML
Cocher la case Développer des modèles de gadget

Rechercher : ]] >< /b:skin >

Et coller juste avant ce code :

.comment-body-author {
background: #FFFFCE;
color: #000;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; 
}

Ensuite chercher ce code :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
adit...
</dt>

Et placer juste après, ceci :

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Ensuite il y a ceci qui suit :

<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>

Et vous rajoutez juste après ceci :
</b:if>

Cela se continue avec ceci :

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Pour terminer, pensez à enregistrer le modèle.
A savoir : la modalité du commentaire coloré n'est pas active lorsque les commentaires s'affichent dans une fenêtre supplémentaire (pop-up).

Pour personnaliser selon vos goûts, vous pouvez changer la couleur du fond d'écran (le FFFFCE que j'ai choisi) ou la couleur (000 = noir).

A+

30 commentaires:

  1. Bonjour Walder et Stalner
    J'ai fait tout comme tu expliques y compris l'option des commentaires mais ça ne fait rien du tout.
    A très bientôt

    RépondreSupprimer
  2. Bonjour Marie,

    Désolé, mais on s'y est mis à plusieurs et si le résultat n'est pas probant c'est surement en raison de ton modèle car chez les autres il n'y a pas de souci.

    RépondreSupprimer
  3. Bonjour .

    Blog intéressant et utile, merci.
    J'ai quand même une question, cette configuration est-elle possible avec un modèle classique ? (j'ai un sérieux doute, je ne trouve pas ce qu'il faut)

    Merci.

    RépondreSupprimer
  4. Bonjour,

    Je ne comprends pas la question : qu'appelez-vous un modèle classique ? Un des 16 anciens modèles d'avant ceux permis par l'outil de création de modèles ?
    Si c'est ce dont vous parlez, oui, ceci a été testé et mis en place avec ces modèles.
    La preuve que c'était avec les anciens modèles, c'est que je l'ai perdu en passant avec l'outil personnalisé. J'ai pas eu le temps de remettre cette fonctionnalité avec le nouveau template.

    RépondreSupprimer
  5. Bonjour,

    J'aurais aimé pouvoir utiliser ton tuto (merci d'ailleurs pour ça). Malheureusement je ne trouve pas les lignes de code dont tu parles et donc je ne sais pas où intégrer les modifs. Tu penses que tu pourrais m'aider ?
    Merci d'avance

    RépondreSupprimer
  6. Bonjour
    Je ne voudrais pas presser mais,comme FF,je ne trouve pas certaines lignes et je reçois un message d'erreur.
    Triple Z

    RépondreSupprimer
  7. Alors là c'est du petit chinois pour moi :-O
    Dommage ça m'aurait bien plu ...

    RépondreSupprimer
  8. Bonjour à tous,

    Oui ça a marché mais ça marche plus en raison du changement des modèles offerts par Blogger.
    Je m'y repenche et je vous fais les modifications.
    Patience et merci.

    RépondreSupprimer
  9. Je ne pense pas y arriver mais merci

    RépondreSupprimer
  10. P.S.:Mais moi,j'ai les modèles classiques ("Son of Moto")et pourtant,c'est impossible.

    RépondreSupprimer
  11. Merci pour tous tes conseils , ça fait plaisir de voir qu'il y a des gens généreux !

    RépondreSupprimer
  12. ça marche !
    Merci pour tous tes conseils j'ai un super blog grâce à toi, pour ce truc là par contre je n'ai pas trouvé les phrases de code entières dans mon html, j'ai bricolé et c'est bon.
    Merciiiii !

    RépondreSupprimer
  13. Merci ! comme je ne commente pas les commentaires, je trouve cette astuce super pratique.
    Ca fonctionne très bien via quelques petites adaptations.

    RépondreSupprimer
  14. Bonjour, ça ne marche pas pour moi non plus :s

    RépondreSupprimer
  15. impossible de le faire pour moi, les codes n'existent pas , merci en tous cas :)

    RépondreSupprimer
  16. c'est super toutes ses explications
    je débute sur ce blog et je pense que ça va bien m'aider
    j'ai quand même une question
    sur mon blog je voudrais que mes amis puissent ce répondre les uns les autres
    es ce que il y a un système d'alerte pour prévenir d'une réponse
    sa fait deux questions éhhé et j'ai plein d'autres
    merci de me répondre
    salut @+
    http://papyserge-wwwpapyscaph.blogspot.com/

    RépondreSupprimer
  17. Bonjour Serge,
    Attention, comme il est dit dans les commentaires ci-dessus, la mise en couleur des commentaires de l'administrateur du blog ne marche pas sur tous les modèles.

    Pour l'info sur les commentaires publiés, vous, vous pouvez l'être par Paramètres / Commentaires / E-mail de notification de commentaires. Vous pouvez même rajouter d'autres personnes de votre carnet d'adresse.
    Il existe aussi sur certaines configurations du formulaire de Commentaires la possibilité laissée à chacun d'être informé des commentaires laissés après le sien. Mais ça ne marche pas pour tous les paramétrages. Faites des essais.

    RépondreSupprimer
  18. chez moi ça a fonctionné, même si il y avait de petites différences...
    un tout grand merci :)

    RépondreSupprimer
  19. Bonjour et merci pour ces explications, ça a marché nickel !!!

    RépondreSupprimer
  20. Bonjour,

    J'aurais aimé donner également un format aux commentaire d'un auteur sur mon blog. Est-ce possible ou ne peut-on différencier que "author" dans les attributs ?

    Merci

    RépondreSupprimer
  21. Avez-vous une réponse ?

    Sinon, pour info, j'ai eu à réintégrer une partie du code que le site m'avait manifestement supprimer. Aucune idée de pourquoi...

    RépondreSupprimer
  22. Hellooo !

    Peut être n'est-ce pas le bon endroit mais j'ai une question sans réponse :

    Est-il possible de supprimer la date et l'heure des commentaires dans blogger ?

    Merci d'av de vos éventuelles réponses
    ++

    RépondreSupprimer
  23. Merci pour toutes ces astuces ! Mon blog va être tout beau :)

    RépondreSupprimer
  24. Bonsoir
    Apres tout ses codes aucun changement niveau commentaire encore dommage aussi

    RépondreSupprimer
  25. BOnsoir et bien je regarde cela depuis très longtemps mais avec les nouveaux modèles rien à faire
    je ne trouve même pas vos codes c'est bien dommage je trouve

    RépondreSupprimer
  26. Bonsoir,

    tout d'abord merci pour ce blog pleins de supers infos. par contre, dans le mien, certains code que vous citez n'apparaissent nulle part :s Too bad

    RépondreSupprimer
  27. Bonjour,
    Le problème de votre solution ne marche pas pour un statut d'administrateur mais comme il est écrit dans le code, pour un auteur.
    Le souci par exemple sur notre blog, ou nous somme 2 administrateurs, c'est que seul l'auteur de l'article voit ses commentaires mis en exergue. Par les commentaires fait par l'autre administrateur.

    RépondreSupprimer

Merci de prendre note des messages d'annonce en une du blog.
Et d'adresser vos questions sur notre
Communauté des Utilisateurs de Blogger hébergée sur Google+.

LinkWithin

Related Posts with Thumbnails