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
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
RépondreSupprimerEn éspérant que vous m'édiez ^^
lowndrya.blogspot.com
dsl du dérangement j'ai trouvé remède ^^
RépondreSupprimerMerci pour tes précieux conseils, ça marche !
RépondreSupprimerMê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 !
J'ai bien trouvé les balises, mais malheureusement pour moi, cela ne fonctionne pas :/ Je sais pas ou j'ai merdé :?
RépondreSupprimerBonjour,
RépondreSupprimerje 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 !
@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 :
RépondreSupprimerCtrl + F et taper dans le change de recherche la portion à chercher
A+
Bonjour mais imposible je n'y arrive pas merci
RépondreSupprimerSuper, nickel ! Merci bcp...
RépondreSupprimerPetit bonsoir
RépondreSupprimerje viens de regarder sur mon blog mais je ne trouve pas ce code
]] >< /b:skin > . alors je cherche encore
Merci
il faut cocher la case developper
RépondreSupprimermerci
RépondreSupprimeraminenait.blogspot.com/
impossible de trouver le code ]] >< /b:skin > avec controle F
RépondreSupprimerni le code suivant........
je n'y arrive pas
@Nororre : salut, il faut cocher la case "Développer des modèles de gadgets" avec de faire ta recherche
RépondreSupprimerBonjour,
RépondreSupprimerNon même en ayant cocher cette case je ne le retrouve pas.....
ça ne marche pas. Pourtant j'ai tout fait...
RépondreSupprimercomment faire le style de commentaire comme ici ?
RépondreSupprimerCe commentaire a été supprimé par l'auteur.
RépondreSupprimer@Beauty Blog De Linda : Cochez la case "Developper les Widgets".
RépondreSupprimerEt utiliser la fonction Ctrl + F coller le code : ]] >< /b:skin > avec cette fonction c'est plus facile pour trouver
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerBeauty Blog De Linda : Avec la fonction Ctrl + F tape juste ca : /b:skin
RépondreSupprimerUn grand merci pour l'astuce afin de mettre un nom de domaine 1and1 sur un blog blogger.
RépondreSupprimerCa marche à merveille !
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerBonsoir j'y arrivais avec les anciens modèles pas avec les nouveaux dommage
RépondreSupprimerbonne soirée
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.
RépondreSupprimerSi quelqu'un à trouvé la solution
Merci
Enregistrer un commentaire
Laisser un commentaire