Changer de Style de couleur de commentaires auteur dans Blogger

Changer de Style de couleur de commentaires auteur dans Blogger

Mettant en évidence et la personnalisation des commentaires de l'auteur différemment des commentaires des visiteurs sont une étape très importante que vous devez prendre dès que possible, parce que cela à faire de commentaires de l'auteur plus important aux visiteurs et donc encourager les visiteurs à participer à la discussion et à mieux communiquer avec l'auteur. Le bloc de commentaires blogger se compose de trois sections importantes qui sont,

1. Commentaire-auteur

2. Commentaire-corps

3. Commentaire-pied de page

Notre tutoriel est aujourd'hui sur la façon de style de la section de commentaire du corps de l'auteur. Permet donc de se rendre au travail !

Mettez en surbrillance et de personnaliser les commentaires dans Blogger

1. Aller À Blogger > conception > modifier HTML

2. Sauvegarde de votre modèle

3. Case à cocher « Développez modèles widget »

4. Recherche pour cela.

]] >< / b:skin >

5. Juste avant elle coller le code CSS ci-dessous,

{.mbt-commentaire-corps
fond: # FFFFFF ;
couleur: # 008000 ;
frontière : 1px solid # 008000;
marge: 0 ;
padding: 0 0 0 10px ;
largeur :520px;
}

Apportez ces modifications :

Pour modifier la couleur d'arrière-plan de l'auteur, commentaires changent # FFFFFF

Pour changer la couleur de police changer # 008000

Pour modifier la taille de la bordure modifier 1px, de changer le changement de style de bordure solide, en pointillés ou pointillés et de changer la couleur de la bordure changement # 008000

Pour modifier la largeur du commentaire corps changer 520px

Astuce : utiliser notre Générateur de couleur pour apporter ces modifications

6. Ensuite rechercher soigneusement ce code dans votre modèle,

Astuce :Appuyez sur CTRL + F et recherche d'une ligne à la fois

< données : commentPostedByMsg / >
</dt>
< classe dd = « commentaire-corps » >
< b:if cond='data:comment.isDeleted'>
< span class = « commentaire supprimé » >< data:comment.body/ >< / span >
< b: autre / >
<p> <data:comment.body/> </p>
</b:if>
</dd> 

7. Remplacez-le par le code suivant,

< données : commentPostedByMsg / >
</dt>
< b:if cond='data:comment.author == data:post.author'>
< classe dd = « mbt-commentaire-corps » >
<p> <data:comment.body/> </p>
</dd>
< b: autre / >
< classe dd = « commentaire-corps » >
< b:if cond='data:comment.isDeleted'>
< span class = « commentaire supprimé » >< data:comment.body/ >< / span >
< b: autre / >
<p> <data:comment.body/> </p>
</b:if>
</dd>
</b:if>

8. Enregistrez votre modèle et vous avez terminé !

Visiter vos blogs et voir que les commentaires de l'auteur maintenant ressembler à ceci,

Je voudrais savoir si vous face à tout problème. Devrait être un plaisir vous aider. Dans mon prochain post, je vais partager plusieurs façons de personnaliser les commentaires de l'auteur. Amusez-vous!