Comment créer son propre blog: choisir un hébergeur, choisir le nom, écrire son premier article...

lundi 30 septembre 2013

Liste numérotée et à puces dans Blogger

Liste numérotée ou à puces
La fonction de liste numérotée ou à puces dans Blogger est assez rudimentaire.

Mais si vous souhaitez des listes un peu plus élaborées, il faudra passer par l'éditeur HTML.

Vous cliquez sur l'icône en haut de la fenêtre de texte et voilà, chaque nouveau paragraphe (commencé par un ENTER), sera numéroté à la suite ou pucé.


Résultat:

Liste numérotée:
  1. paragraphe 1
  2. paragraphe 2
  3. paragraphe 3
Liste à puces:
  • paragraphe 1
  • paragraphe 2
  • paragraphe 3

Regrouper plusieurs paragraphes sous le même numéro ou la même puce:

Si vous souhaitez que plusieurs paragraphes soient regroupés sous 1 numérotation ou puce, il suffit de faire SHIFT + ENTER (retour à la ligne) à la fin de la ligne, au lieu de ENTER (retour chariot).

SHIFT + ENTER: retourne à la ligne mais ne crée pas un nouveau paragraphe
ENTER: retourne à la ligne et crée un nouveau paragraphe.

Résultat:

  1. Paragraphe 1   (SHIFT + ENTER)
    Paragraphe 2   (ENTER)
  2. Paragraphe 3
  • Paragraphe 1   (SHIFT + ENTER)
    Paragraphe 2   (ENTER)
  • Paragraphe 3

En mode HTML:

Liste numérotée:

<ol>
<li>texte</li>
</ol>


Liste à puces:

<ul>
<li>texte</li>
</ul>


La liste numérotée commence par <ol> et se termine par </ol>.
La liste à puce commence par <ul> et se termine par </ul>.

Chaque ligne de texte est précédée par <li> et se termine par </li>.

Vous pouvez, par exemple, changer une liste numérotée en liste à puces en modifiant ces deux codes dans le code HTML (remplacer ol par ul ou vice versa).

Vous pouvez également englober plusieurs paragraphes sous une même numérotation ou puce, en supprimant le </ol> ou </ol> à la fin du paragraphe et en l'insérant là où vous souhaitez finir la section.


Liste à puces hiérarchique:

Il est possible de créer des listes à puces hiérarchiques assez facilement: il suffit de créer une nouvelle ligne puis d'insérer une tabulation. Plusieurs tabulations d'affilée créent une puce à un niveau hiérarchique plus bas.

Pour revenir au niveau précédent ou niveau initial, il suffit de taper SHIFT + TAB, autant de fois que nécessaire.

Exemple:

  • commencez votre liste à puces
    • créez une indentation en insérant une tabulation (TAB)
      • créez une nouvelle indentation en insérant une tabulation (TAB)
    • revenez au niveau précédent avec SHIFT + TAB
  • et revenez au premier niveau avec encore un SHIFT + TAB

Liste numérotée hiérarchique:

Là par contre, Blogger ne permet pas de créer des niveaux hiérarchiques différents (1.1, 1.1.1...). Et je n'ai pas encore trouvé comment faire.