Accueil         Contactez-Nous    Sitemap  

 

Important : Exporter le blog ou Télécharger le modèle avant d'appliquer le moindre changement dans le code HTML de son blog.

 

Changer la couleur des commentaires de l'administrateur

Libellés :
Publié par Othmane BENTALEB à 14:58
Bismillah. Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

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.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.



Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
Procédure

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

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.



Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.


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.

 
 
Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.


Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.


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

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

0 commentaires:

Laisser un commentaire

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Visiteurs

free counters