Blogger

Cette astuce est de donner une couleur differente aux commentaires de l'auteur du Blog.

Cela permettra à l'auteur du blog de voir la différence entre les commentaires.

Il est très utile et très intéressant pour les visiteurs et le propritaire du blog car il repére ces réponses aux visiteurs

Voici ce qu'il faut faire pour avoir un effet Blogger "Couleur Commentaire Auteur" .

L'astuce pour Tuto :

1. Connectez-vous à Blogger, puis choisissez "Format -> Modifier le code HTML". N'oubliez pas de sauvegarder votre modèle d'abord.
2. Cochez la case "Developper les Widgets".
3. Copiez ce script et collez le avant ]] >< /b:skin > .
.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
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; /* Posotion*/
}

4.Ensuite, trouver 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>

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

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


5.La couleur rouge du texte est le code que vous devez ajouter à votre script.

6. Et puis enregistrez votre modèle.

* Vous devez être connecté à votre compte Blogger, avant de faire des commentaires.

Note : Plus d'astuces sur les commentaires pour blogger aller voir cette articles qui permet de centrer le formulaire de commentaires Blogger : ici

24 commentaires:

  1. Alors voilà, j'ai un p'tit soucis avec mes commentaires, je vient de reprendre mon blogspot, je ne sais pas a quoi j'avais touché mais j'avais enlevé le code pour quon ne puisse pas mettre de coms, mais j'ai repris mon blogspot et je n'arrive plus a savoir comment faire pour ravoir mes commentaires

    En éspérant que vous m'édiez ^^

    lowndrya.blogspot.com

    RépondreSupprimer
  2. dsl du dérangement j'ai trouvé remède ^^

    RépondreSupprimer
  3. Merci pour tes précieux conseils, ça marche !
    Même si j'ai galéré pour trouver la balise b:skin !
    C'est vrai que c'est important de pouvoir distinguer les commentaires de l'auteur par rapport à ceux des visiteurs, surtout pour les nouveaux visiteurs, qui ne nous connaissent pas encore.
    Bonne continuation au blog !

    RépondreSupprimer
  4. J'ai bien trouvé les balises, mais malheureusement pour moi, cela ne fonctionne pas :/ Je sais pas ou j'ai merdé :?

    RépondreSupprimer
  5. Bonjour,
    je suis bloquée à l'étape 4, je ne trouve pas le code décrit. D'ailleurs quelque chose m'échappe, quand on le trouve, on en fait quoi ?...
    J'ai tenté de le coller à la suite du collage de l'étape 3, mais ça n'a rien donné...
    Je précise que j'ai trouvé sur le forum le conseil de passer en mode commentaire en "message ci-dessous intégré", donc ça ne vient pas de là...
    Merci d'avance !

    RépondreSupprimer
  6. @débobine: alors à l'étape 4 tu dois rajouter le code en rouge et une solution pour retrouver un portion de code dans votre template faite :
    Ctrl + F et taper dans le change de recherche la portion à chercher

    A+

    RépondreSupprimer
  7. Bonjour mais imposible je n'y arrive pas merci

    RépondreSupprimer
  8. Petit bonsoir
    je viens de regarder sur mon blog mais je ne trouve pas ce code
    ]] >< /b:skin > . alors je cherche encore
    Merci

    RépondreSupprimer
  9. il faut cocher la case developper

    RépondreSupprimer
  10. impossible de trouver le code ]] >< /b:skin > avec controle F
    ni le code suivant........

    je n'y arrive pas

    RépondreSupprimer
  11. @Nororre : salut, il faut cocher la case "Développer des modèles de gadgets" avec de faire ta recherche

    RépondreSupprimer
  12. Bonjour,

    Non même en ayant cocher cette case je ne le retrouve pas.....

    RépondreSupprimer
  13. ça ne marche pas. Pourtant j'ai tout fait...

    RépondreSupprimer
  14. comment faire le style de commentaire comme ici ?

    RépondreSupprimer
  15. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  16. @Beauty Blog De Linda : Cochez la case "Developper les Widgets".
    Et utiliser la fonction Ctrl + F coller le code : ]] >< /b:skin > avec cette fonction c'est plus facile pour trouver

    RépondreSupprimer
  17. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  18. Beauty Blog De Linda : Avec la fonction Ctrl + F tape juste ca : /b:skin

    RépondreSupprimer
  19. Un grand merci pour l'astuce afin de mettre un nom de domaine 1and1 sur un blog blogger.
    Ca marche à merveille !

    RépondreSupprimer
  20. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  21. Bonsoir j'y arrivais avec les anciens modèles pas avec les nouveaux dommage
    bonne soirée

    RépondreSupprimer
  22. J'ai bien trouvé les balises et changé et ajouté les lignes de codes, mais ça ne marche pas visiblement avec le nouveau modèle de Blogger.
    Si quelqu'un à trouvé la solution
    Merci

    RépondreSupprimer

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top