Een tabel in een "Blogger"-blog

7

Click here to load reader

description

Hoe plaats je een eenvoudige tabel in een blog bij de weblogdienst Blogger?

Transcript of Een tabel in een "Blogger"-blog

Page 1: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 1

1. Ga naar Google Sites [https://sites.google.com/] en maak een nieuwe websi-

te aan en geef die website een naam. Bijvoorbeeld "Tabel Blogger Blog".

2. Klik op MAKEN. Je krijgt dan een nieuw venster. Kies hier Lege Sjabloon en

Toets de getoonde code in.

Page 2: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 2

3. Je website is nu aangemaakt:

Op deze "Startpagina" ga nu je een tabel aanmaken.

4. Klik op het zwarte pennetje: Pagina bewerken (e).

5. De editor wordt nu geladen.

Klik in de editor op Tabel > Tabel invoegen en kies het aantal rijen en ko-

lommen door de muis over de "blokjes" te bewegen.

Page 3: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 3

In het voorbeeld bestaat de tabel nu uit 4 rijen en 4 kolommen.

6. Klik nu in het menu op <HTML>

Je krijgt nu de HTML-code van de tabel te zien (zie volgende pagina).

Selecteer en kopieer de gehele code.

Page 4: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 4

<table style="border-collapse: collapse; border-color: rgb(136, 136, 136); border-width: 1px;" bor-

der="1" bordercolor="#888" cellspacing="0">

<tbody>

<tr>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

</tr>

<tr>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

</tr>

<tr>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

</tr>

<tr>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

<td style="width: 60px;">&nbsp;</td>

</tr>

</tbody>

</table>

<br>

Page 5: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 5

7. Open nu jouw blog (het beste kun je dat doen in een nieuw tabblad in jouw

browser)

8. Kies in het menu HTML

9. Plak de code in het bericht of de pagina

en klik op de knop Nieuw Bericht om terug te gaan naar WYSIWYG-editor.

Page 6: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 6

De tabel staat nu in je blogpost of pagina:

Nog een paar tips!

Staat de tabel eenmaal in je blogpost of op een pagina van je

blog, dan kun je de tabel niet meer wijzigen!!

Maak daarom eerst de gehele tabel, inclusief de inhoud (tekst) op

je Google Sites. Je kunt dan de cellen van jouw tabel helemaal op maat

maken door de muis op de rand van een cel te zetten en dan naar links of

rechts te verschuiven al naar gelang de benodigde ruimte.

Page 7: Een tabel in een "Blogger"-blog

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com

© Maart 2013 – Auteur: André Manssen – www.manssen.nl - P a g i n a | 7

Is tabel naar je zin, kopieer dan pas de code, inclusief de inhoud van de cellen

naar je blog.

Staat de tabel eenmaal op je blog dan is het mogelijk de tekst in de cellen op

te maken (bold, italic, groot, klein, lettertype wijzigen, e.d.) en zo nodig te

veranderen. Je kunt de tekst (letters) dan ook een kleurtje geven.

Een "witregel" boven je tabel maken gaat heel simpel. Zet de muiscursor he-

lemaal links van de tabel en toets ENTER. Je hebt dan een "witregel" boven

de tabel, zodat je hier tekst kunt typen.

Een tabel centreren kan ook:

Je moet dan wel even "rommelen" met de HTML-code. Je moet dan aan het

begin van de code het volgende toevoegen:

<center> en aan het einde van de code </center>. Dus:

<center>

<table border="1" bordercolor="#888" cellspacing="0" style="border-collapse: collapse; border-

color: rgb(136,136,136); border-width: 1px;">

<tbody>

<tr>

<td style=………

…………………………………

<td style="width: 60px;"></td>

<td style="width: 60px;"></td>

</tr>

</tbody>

</table>

</center>