Comment créer et utiliser des styles CSS personnalisés dans blogger.com?

Ecrire et mettre en forme un article sous blogger.com est une tâche qui requiert du temps et de la patience. Il est possible de se simplifier la tâche en réutilisant les même styles de paragraphe, de titre ou d'image dans plusieurs articles.

De fait il est possible d'ajouter dans le code HTML du modèle des styles personnalisés utilisables au niveau des articles.

Comment créer et utiliser des styles CSS personnalisés dans blogger.com?

Etape 1:

Ouvrez le modèle du blog, ouvrez la fenêtre d'édition du HTML et trouvez la balise <b:skin>

Lorsque l'on clique sur la balise, le contenu de la balise (affiché en bleu dans mon cas) est affiché intégralement.

Etape 2:

Placez vous avant la balise de fermeture (et avant les deux crochets de fermeture du CDATA), et saisissez vos styles CSS en prenant bien soin lorsque vous leur donnez des noms, d'éviter tout risque de confusion avec des styles du modèle.

Etape 3:

Lorsque vous saisissez un article,utilisez la vue HTML et insérez à chaque que cela est nécessaire des balises HTML (div, h2, H3, H4, etc) en précisant la classe. En voici un exemple:

L'image montre l'utilisation d'un style personnel 'my_sectiontitle' pour un titre de section. Il suffit d'ajouter la classe personnalisée à la balise HTML <h4>.

Bon blog!