Créer un tableau dans un article sur Blogger est une fonction qui fait cruellement défaut.


Créer un tableau dans un article sur Blogger Blogspot


Perso, je ne comprend pas tous les grands éditeurs de blogs possèdent cette fonction mais Google ne semble pas trouver ça important.

Rassurez-vous, il y a plusieurs façons de contourner cela.

Et, une fois que vous maîtrisez, il est possible d'améliorer un peu plus: Ajouter ou non des bordures, choisir la largeur des colonnes, fusionner des cellules...

Dans cet article je vous explique 3 façons de créer un tableau très basique dans un article sur Blogspot.

Dans un article précédant, j'expliquais  en détail les codes des balises HTML qui permettent d'améliorer la présentation du tableau.

1. Créer un tableau dans un autre programme et l'importer dans Blogger:

  1. Créez votre tableau dans un traitement de texte (MS Word, LibreOffice Writer...) ou un tableur (MS Excel, LibreOffice Calc...)
  2. Sélectionnez le tableau 
  3. Copiez le tableau (CTRL+INS ou CTRL+C)
  4. Collez le tableau dans votre article en mode Rédiger (SHIFT+INS ou CTRL+V)
Voilà, votre tableau devrait être recopié dans votre article de façon présentable sur blogspot, la largueur des colonnes s'ajustant automatiquement au contenu.

2. Utiliser un générateur de tableau en ligne:

  1. Allez sur HTML table generator
  2. Choisissez le nombre de rangs (Rows) et de lignes (Cols)
  3. Cliquez sur Generate
  4. Vous pouvez même déjà taper le contenu du tableau dans les cellules 
  5. Copiez le code obtenu et collez le dans dans votre article en mode HTML
Il y a de nombreux générateurs de tableaux sur le net mais celui-ci est archi-simple à utiliser.

3. Créer un tableau sur Blogger en mode HTML:

  1. Dans votre article, passez en mode HTML
  2. Insérez le code suivant à l'endroit où vous souhaitez positionner le tableau

    <table border="1">
    <tr>
    <th>Titre</th><th>Titre</th>
    </tr>
    <tr>
    <td>Cellule</td><td>
    Cellule</td>
    </tr>
    <tr>
    <td>
    Cellule</td><td>Cellule</td>
    </tr>
    </table>
  3. Repassez en mode Rédiger, voici à quoi ressemble le tableau:
  4. TitreTitre
    CelluleCellule
    Cellule Cellule
     
    <table border="1"> met un bord autour de toutes les cellules
    <th> est une cellule de titre
    <td> est une cellule de tableau

Si vous voulez rajouter une ligne, ajouter le bloc<tr>
<td>
Cellule</td><td>Cellule</td>
</tr>


avant la balise </table>.

Si vous voulez ajouter une colonne, ajouter <td>Cellule</td> à la fin de chaque ligne.

Vous pouvez maintenant remplacer le contenu des cellules par votre texte en mode Rédiger.

0 commentaires:

Enregistrer un commentaire

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top