You are on page 1of 7

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 1. Ga naar Google Sites [https://sites.google.

com/] en maak een nieuwe website 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.

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

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 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 kolommen door de muis over de "blokjes" te bewegen.

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

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 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.

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

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

<table style="border-collapse: collapse; border-color: rgb(136, 136, 136); border-width: 1px;" border="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>

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

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 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.

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

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 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.

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

Hoe maak je een eenvoudige tabel in een blogpost bij Blogger.com 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 helemaal 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; bordercolor: 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>

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

You might also like