formatformatl'outil de création de modèles de Blogger offre plusieurs options pour personnaliser son design, l'utilisation du css peut être nécessaire pour aller plus loin.

Articles

Décider du style avec le css permet d'éviter de modifier les couleurs ou les polices de caractères lors de la publication de chaque article. C'est tout l'intérêt du CSS : avoir un style unifié dans tous les articles (comme pour les articles d'un journal qui suivent les mêmes règles typographiques.

Dans les modèles non dynamiques fournis par Blogger, voici quelques exemples de modifications :


/*titre de l'article*/
.post-title, .post-title a {color:blue;font-family:Georgia;}

/*date de l'article (texte non transformé */
.date-header {text-transform:none;}

/*contenu de l'article (police arial) */
.post-body {font-family:arial;}

/*liens (couleur rouge, souligné) */
.post-body a {color:red;text-decoration:underline;}

/*gras (couleur bleu) */
.post-body b {color:#336699;}

/*format titre (centré, taille 120%, marge bas) */
.post-body h2 {text-align:center;font-size:120%;margin-bottom:1em;}

/*format sous-titre (fond gris, couleur blanc, marge bas) */
.post-body h3 {background:gray; color:white, margin-bottom:1em;}

/*format titre secondaire (capitales, marge bas) */
.post-body h4 {text-transform:uppercase;margin-bottom:1em;}

/*élément de liste*/
.post-body li {color:blue;}

/*citation (encadré violet, marge intérieure) */
.post-body blockquote {border:1px solid #660066; padding:5px;}

Les codes peuvent être intégrées dans l'outil de création de modèles avec prévisualisation en direct (image ci-dessous)

css dans outil de création de modèles

A lire pour comprendre le css : Modifier le CSS (les bases)

Gadgets


/*titres modules*/
.sidebar h2 {}

/*liens archives*/
.BlogArchive a {}

/*libellés (liste)*/
.Label a {}

/*articles les plus consultés*/
.PopularPosts {}

/*liens articles les plus consultés*/
.PopularPosts a {}

/*liste de blogs lien blog*/
.blog-list-container .blog-title a {}

/*liste de blogs lien dernier article*/
.blog-list-container .item-content a {}