Een tabel in een "Blogger"-blog
Click here to load reader
-
Upload
andre-manssen -
Category
Documents
-
view
897 -
download
1
description
Transcript of 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.
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.
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.
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;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
</tr>
<tr>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
</tr>
<tr>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
</tr>
<tr>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
<td style="width: 60px;"> </td>
</tr>
</tbody>
</table>
<br>
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.
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.
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>