Ou "Mes premiers pas dans le CSS"

Préalables:
Il vaut mieux ne pas avoir joué avec la personnalisation du thème, car dès votre première incursion dans le CSS, c'est ce dernier qui va reprendre la main, et vos modifs seront annulées.
Au mieux, repérez les codes couleurs que vous avez utilisés pour les fonds et les polices ; le nom des polices et leur taille, et éventuellement l'url de votre image de fond. Notez ça quelque part, vous pourrez les ré-utiliser bien vite.
Puis cliquer sur "Revenir à la configuration initiale".

1) Design
2) Mode CSS
3) Cocher "Ma feuille de style"
4) Avec la souris, surlignez l'intégralité de la page de codes qui se déroule sous vos yeux, copiez-la (clic droit ou CtrlC)
5) Copiez cette page dans le bloc-notes de votre ordinateur sous le titre "original CSS" (vous pourrez ultérieurement régulièrement copier vos modifs sous des titres comme "CSS version 1", "CSS version 2", avec des commentaires faisant office de mémo. Ainsi, en cas d'accident, un copié-collé dans l'autre sens pour réparer, hop!)
6) Lisez une première fois cette page, pour vous familiariser avec le langage et repérer déjà des codes couleurs (#fff = blanc; #000 = noir ...), des tailles etc ...
7) Si vous savez déjà quelle ligne de code coller, et où, allez-y!!
8) Enregistrez les modifications (bouton orange en bas)
9) Connectez-vous sur votre blog. Oh ben ... hé ... rien n'a changé, c'est quoi ce truc?
10) Videz votre cache. Mais si, faites-le!! Appuyez sur la touche F5, ou bien simultanément sur les touches Ctrl et F5 (chez Mac, je crois bien que c'est la touche "Pomme R") ... Et voilà!!



Si vous êtes en mode classique, vous n'avez à effectuer les modifs qu'une seule fois.
Si vous êtes en mode avancé, et souhaitez qu'une modif apparaisse partout, opérez alors sur les différentes feuilles qui vous sont proposées à gauche (Accueil / Articles / Pages)



Firefox propose une extension extraordinaire : la WevDeveloper Bar (la WebDev). Avec elle, vous pouvez afficher et éditer les CSS de n'importe quelle page web. Elle peut donc vous servir à faire des simulations sans aucun risque sur votre propre blog (et quand vous êtes satisfait, copiez la partie que vous venez de modifier dans la WebDev et collez-la dans le CSS)



Enfin, dernière astuce ; parfois, ça bloque, la modif n'est pas prise en compte. Dans ce cas, copiez-la à la fin du CSS. En effet, ce qui est à la fin a toujours raison ...
C'est comme ça!



Et bon courage!!