tag:blogger.com,1999:blog-169612592024-12-19T04:21:29.192+01:00Zo doe je dat bijvoorbeeldom dingen uit te proberen.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.comBlogger222125tag:blogger.com,1999:blog-16961259.post-78773603671053426752023-06-11T11:08:00.003+02:002023-06-11T21:29:13.056+02:00Lege blikjes kratjeIk werd helemaal gek van al die rondslingerende lege statiegeld blikjes, dus ik heb er een kratje voor gemaakt.<div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEiriufviPBuxDhExjrjPqByYXBiH8CyElek9b0G9GAoNdBNyMBjmPazZl3H3BBShTV0YJxY9TQbnFTfNt1jtct5K4v09pFEYrYUzQyJQZk9ch4Bm4Fgmh9-gEGKt2zWQ2FF00Xu8u8ag117xMaDbC8TpzM3NQ_ieL_kByLzZfnjeWncde0x1Q" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiriufviPBuxDhExjrjPqByYXBiH8CyElek9b0G9GAoNdBNyMBjmPazZl3H3BBShTV0YJxY9TQbnFTfNt1jtct5K4v09pFEYrYUzQyJQZk9ch4Bm4Fgmh9-gEGKt2zWQ2FF00Xu8u8ag117xMaDbC8TpzM3NQ_ieL_kByLzZfnjeWncde0x1Q" width="400">
</a>
</div><div><br></div>Het kratje heeft plaats voor 20 blikjes.</div><div>Een standaard blikje heeft een doorsnede van 6,6 cm, dus ik heb een bodemplaatje gezaagd van 6 mm multiplex van 26,5 x 13,4 cm.</div><div>Blikjes hebben geen gewicht, dus de constructie kan heel licht zijn. Alles is gemaakt van restjes hout die ik op maat heb gezaagd. Het hout van wijnkistjes is bijvoorbeeld heel goed bruikbaar!</div><div>Verder heb ik gewoon wat vuren panlatten verzaagd tot een dikte van 5mm.</div><div>Alles is verlijmd met houtlijm. Er komt dus geen spijker aan te pas.</div><div>Lijmklemmetjes zijn wel heel handig bij het monteren van alle onderdelen.</div><div>Een stukje touw als hengsel maakt het kratje helemaal af.</div><div>Wil je plek hebben voor 24 blikjes, dan kan je de stijlen en hoekprofielen 36 cm. lang maken, maar dan vind ik de verhoudingen van het kratje minder mooi...</div><div><br></div><div>Voor de lange onder- en bovenkant heb ik gebruikt:</div><div>4 x 26,5 x 3 cm.</div><div>Voor de korte onder- en bovenkant:</div><div>4 x 14,5 x 3 cm.</div><div>Voor de stijlen heb je nodig:</div><div>8 x 27 x 2 cm.</div><div>Voor de hoeken heb je nodig:</div><div>4 x 27 x 1,3 cm.</div><div>4 x 27 x 1,8 cm.</div><div>Deze worden verlijmd tot hoekprofiel.</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEignrA3-opinKjn9T5PnukwBm-PBiKTXsYEILtAq-ql7SdVUIL9eMPmWdyg63NPjU5i4ImU9PkLd6YpXkLVMLBhuIgQtPYDxcU6zJyS2GQV1pJQ8aPbWoo4q-kDuIMskw47LppIybTGelk8xH-CLPc1u2Wpuq7PHVBWEB7hSYY79Gg93QQbNA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEignrA3-opinKjn9T5PnukwBm-PBiKTXsYEILtAq-ql7SdVUIL9eMPmWdyg63NPjU5i4ImU9PkLd6YpXkLVMLBhuIgQtPYDxcU6zJyS2GQV1pJQ8aPbWoo4q-kDuIMskw47LppIybTGelk8xH-CLPc1u2Wpuq7PHVBWEB7hSYY79Gg93QQbNA" width="400">
</a>
</div><br></div><div>Hier zie je alles wat je nodig voor een kratje zoals ik gemaakt heb.</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEik9b7udqQFe0VuN3qpvivDuOqL5P-gSOY729yoLENbLRs2MEjYZGIFWAZVI0J_vuIH3ZPUIvNucdQe5LBACGrZ0K4D7LiY6pyPXxrLfbOAAHJBfJPgn3q14MY3Cp_hNP7NW6ZrwFkF5d3Q9WGVSe6Ker4Ni2JaZv8_kjGCiQdWEZCTvffvjQ" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEik9b7udqQFe0VuN3qpvivDuOqL5P-gSOY729yoLENbLRs2MEjYZGIFWAZVI0J_vuIH3ZPUIvNucdQe5LBACGrZ0K4D7LiY6pyPXxrLfbOAAHJBfJPgn3q14MY3Cp_hNP7NW6ZrwFkF5d3Q9WGVSe6Ker4Ni2JaZv8_kjGCiQdWEZCTvffvjQ" width="400">
</a>
</div><br></div><div>Je kunt beginnen met het verlijmen van de randen rond de bodem.</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEhnfTd9A2MEYNkEcA6YyCpuPJ7c6ZSDo4S1iP4SFLcWdVpcdLqUzKCyrhCGODdOiEofeYIpKXwGt2rqyiMynJii-ytYhZNzJfBW3kmZBgBFzY1G1P2GO59ApdEfkbW3Bd7UzADnmf9tLRPm_bPwhLcLp9k9PXS2G4gLTFqF-iU90GdpmZ568Q" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEhnfTd9A2MEYNkEcA6YyCpuPJ7c6ZSDo4S1iP4SFLcWdVpcdLqUzKCyrhCGODdOiEofeYIpKXwGt2rqyiMynJii-ytYhZNzJfBW3kmZBgBFzY1G1P2GO59ApdEfkbW3Bd7UzADnmf9tLRPm_bPwhLcLp9k9PXS2G4gLTFqF-iU90GdpmZ568Q" width="400">
</a>
</div><br></div><div>Verlijm vervolgens de 4 hoekprofielen.</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEiiH0c6BxQlZAvMzWQc1puIgZuW6iKgCbSXHpec2Amiy7aYGsS9vYML9su5fWYcqogl558ZxhyCeUl-osMpW8iCPa0AOCDMIdl11yl0kxO_7IEae9y2Q7_pWsc0KOsjKZGj5XXliynmxptcaPFf5pn1cqq7Q20Nug-NFpKSs8YtQrkFjS_PqQ" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiiH0c6BxQlZAvMzWQc1puIgZuW6iKgCbSXHpec2Amiy7aYGsS9vYML9su5fWYcqogl558ZxhyCeUl-osMpW8iCPa0AOCDMIdl11yl0kxO_7IEae9y2Q7_pWsc0KOsjKZGj5XXliynmxptcaPFf5pn1cqq7Q20Nug-NFpKSs8YtQrkFjS_PqQ" width="400">
</a>
</div><br></div><div>Dan zijn de stijlen en de boventanden aan de beurt.</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEir3xhvTrm2cD8_F_dWrFf5cLFsgW9DtG_IIr2ZGGqVDiit5TvaRIC_1V6WQ1vjB2mK99NKdeMc7wWlMrScEdQOLUUiEFynXUZLmEQ3BLn2p9klNUSyf6o4NZUKK4Q60gCDRCSEBdHH2IgnJiaagQaJpSzXjrWS7qmgyIyVDqffk5lLuZJb7w" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEir3xhvTrm2cD8_F_dWrFf5cLFsgW9DtG_IIr2ZGGqVDiit5TvaRIC_1V6WQ1vjB2mK99NKdeMc7wWlMrScEdQOLUUiEFynXUZLmEQ3BLn2p9klNUSyf6o4NZUKK4Q60gCDRCSEBdHH2IgnJiaagQaJpSzXjrWS7qmgyIyVDqffk5lLuZJb7w" width="400">
</a>
</div><br></div><div>Nog even 2 gaatjes boren voor het hengsel en klaar ben je!</div><div><br></div><div>Het lijkt allemaal heel eenvoudig maar ik moet toegeven dat ik hier wel een paar uur zoet mee ben geweest.</div><div>Maar het resultaat is wel een uniek trendmatcher kratje! :-)</div><div><br></div><div><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/a/AVvXsEizzIXoRpkm38Uh_XDylWB62MQVuFhpknMtfTXgcFrz-IazwAL96t7fdDTSCkOLd97XiyOrNtu0dkUo7RBzBriTboijK9W6ZdQRYxmEiC4zgwNC5POf_1ddeygG2tzVInk_zUEH5UE9QkJ8HLxvDqUXV_YWrxonJCVA-Vc8MInO_BOTlFvmvA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEizzIXoRpkm38Uh_XDylWB62MQVuFhpknMtfTXgcFrz-IazwAL96t7fdDTSCkOLd97XiyOrNtu0dkUo7RBzBriTboijK9W6ZdQRYxmEiC4zgwNC5POf_1ddeygG2tzVInk_zUEH5UE9QkJ8HLxvDqUXV_YWrxonJCVA-Vc8MInO_BOTlFvmvA" width="400">
</a>
</div><br></div><div>Ik kwam er vanmiddag achter dat het lege blikjes kratje ook perfect geschikt is voor het vervoer van 4 volle blikjes Weissen en bijbehorende glazen!</div><div><br></div><div>(Dit was voor het eerst sinds een paar jaar dat ik een blogpost schrijf en ik had nooit kunnen bedenken dat het over een lege blikjes kratje zou gaan...)</div>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-29371970588246924292021-02-08T23:41:00.009+01:002021-02-08T23:53:00.975+01:00Limerick generatorDit is even een test om te zien of ik makkelijk JavaScript in een blogpost kan verwerken...
<style>
.button {
display: inline-block;
border-radius: 10px;
background-color: green;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 24px;
padding: 10px;
width: 180px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
</style>
<script>
var items1 = [
'angstige',
'bankroete',
'bleke',
'blije',
'blije',
'blinde',
'bloeiende',
'bochtige',
'bokkige',
'botte',
'boze',
'boze',
'brallende',
'brandbare',
'brandende',
'brullende',
'dampende',
'dansende',
'dappere',
'dolende',
'domme',
'doodmoeë',
'dralende',
'droevige',
'droge',
'dromende',
'drommelse',
'eenzame',
'falende',
'fletse',
'fluitende',
'frisse',
'gamende',
'gapende',
'giftige',
'gouden',
'grappige',
'grauwe',
'grijnzende',
'grijze',
'handige',
'heel strenge',
'hinkende',
'hippe',
'houten',
'jarige',
'kale',
'kletsnatte',
'kleurige',
'klunzige',
'knalgele',
'knappe',
'knappe',
'knappe',
'koddige',
'kokende',
'kopschuwe',
'kroelende',
'kruidige',
'krullende',
'langharige',
'langzame',
'lekkere',
'leuke',
'liegende',
'lieve',
'lievige',
'lollige',
'loodzware',
'luie',
'maffe',
'melige',
'merkwaardige',
'natte',
'niesende',
'offline',
'online',
'oude',
'pittige',
'pluizige',
'praatzieke',
'pronkende',
'pronkende',
'rappende',
'razende',
'rellende',
'rillende',
'roemloze',
'roestige',
'rollende',
'rood-witte',
'rottige',
'schattige',
'schuivende',
'sissende',
'slimme',
'slome',
'smeltende',
'stampende',
'sterke',
'stiekeme',
'stijve',
'stille',
'stoute',
'stralende',
'suffe',
'suffige',
'swingende',
'talentvolle',
'tobbende',
'treurende',
'trieste',
'trillende',
'vage',
'vechtende',
'vieze',
'vloeiende',
'vloekende',
'vrolijke',
'wijze',
'woeste',
'zielige',
'zoemende',
];
var items2 = [
'aanbidder',
'actrice',
'baby',
'bakkker',
'bassiste',
'behanger',
'bestuurder',
'bewaker',
'bewoner',
'bezorger',
'brandslang',
'breister',
'bromvlieg',
'brulaap',
'budgetcoach',
'cactus',
'caissiere',
'cartoonheld',
'chirurge',
'concierge',
'dame',
'danser',
'dino',
'docente',
'domoor',
'dreadlock',
'drieling',
'drogiste',
'eekhoorn',
'eenhoorn',
'emmer',
'fakir',
'fakkel',
'fietser',
'flamingo',
'francaise',
'fruitvlieg',
'gabber',
'gamer',
'geneesheer',
'giraffe',
'gluurder',
'gordijnrail',
'goudsbloem',
'goudvis',
'hamster',
'harry',
'hoogleraar',
'huisarts',
'huisbaas',
'huisspin',
'ijsberg',
'juffrouw',
'kabouter',
'kangoeroe-baby',
'kapper',
'kater',
'kelner',
'kerststol',
'kikker',
'knuffel',
'koala',
'koning',
'lading',
'laptop',
'leraar',
'lezer',
'meester',
'meute',
'minister',
'Miss Lipstick',
'muffin',
'naaister',
'neushoorn',
'notaris',
'ontwerper',
'pinguin',
'pizza',
'producer',
'professor',
'prutser',
'rapper',
'ridder',
'rijwielhersteller',
'robot',
'rockster',
'roeland',
'rotgans',
'schaatser',
'schildpad',
'scooter',
'selfie',
'selfie',
'serveerster',
'stoffeerder',
'stoofpot',
't-rex',
'treurwilg',
'trommel',
'trut',
'tuinman',
'tuinslang',
'tv-host',
'tweeling',
'verhuizer',
'verkoper',
'vertaler',
'verteller',
'walvis',
'wc-rol',
'YouTube-artiest',
'zaklamp',
'leeuwin',
];
var items3 = [
'Achtmaal',
'Assen',
'Balleman',
'België',
'Biervliet',
'Bladel',
'Bleiswijk',
'Brabant',
'China',
'De Drie Hoefijzers',
'De Engel',
'De Kromme-Elleboog',
'De Oude Willem',
'De Witte Paarden',
'Dieren',
'Dorst',
'Drenthe',
'Duitsland',
'Duizendmorgen',
'Flevoland',
'Foxhol',
'Friesland',
'Friesland',
'Gaarkeuken',
'Gieten',
'Graszode',
'Haarsteeg',
'Haren',
'Heenweg',
'Hei- en Boeicop',
'Helmond',
'Hompelvoet',
'Honderd',
'Huizen',
'Jemen',
'Kampen',
'Katlijk',
'Keizerrijk',
'Kijkuit',
'Kleine Huisjes',
'Kletterbuurt',
'Klimmen',
'Koewacht',
'Krimpen',
'Laad en Zaad',
'Leuken',
'Loenen',
'Losser',
'Made',
'Marken',
'Moespot',
'Monster',
'Monster',
'Moskou',
'Mossel',
'Niger',
'Nooitgedacht',
'Nulde',
'Oventje',
'Paddepoel',
'Panheel',
'Platvoet',
'Polen',
'Putten',
'Rijswijk',
'Roggel',
'Rolde',
'Sexbierum',
'Sluis de Piet',
'Spanje',
'Spekklef',
'Takkebos',
'Tilburg',
'Twello',
'Vlieland',
'Vossenpels',
'Vuren',
'Waalwijk',
'Waspik',
'Wezel',
'Wormer',
'Wulpenbek',
'Zijtaart',
'Zwarte Haan',
'Zwarte Paard',
'Zwarte Ruiter',
'Zweden',
'Zwolle',
'Vrouwenverdriet',
'Muggenbeet',
'Muizenhol',
'De Hongerige Wolf',
'Knikkerdorp',
'Trutjeshoek',
'Poepershoek',
'Gaarkeuken',
'Boerengat',
];
var items4 = [
'in',
'uit',
];
var item1 = items1[Math.floor(Math.random() * items1.length)];
var item2 = items2[Math.floor(Math.random() * items2.length)];
var item3 = items3[Math.floor(Math.random() * items3.length)];
var item4 = items4[Math.floor(Math.random() * items4.length)];
</script>
<FONT face="Verdana, Arial, Helvetica, sans-serif" color=red size=6>
<BR><BR>
<CENTER><B>
<script>
document.write("Een " +item1+ " " +item2+ " "+item4+ " "+item3+ " . . . ");
</script>
<BR><BR>
<button Title="klik voor nog een limerick!" class="button" onClick="window.location.reload()">Nog een</button>
</B></CENTER>
</FONT>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-21620955380747762582019-02-11T12:36:00.001+01:002019-02-11T12:36:09.094+01:00Countdown timer vanuit ExcelKan ook, alleen gaat de timer niet automatisch verder helaas...<br />
<br />
<iframe frameborder="0" height="154" scrolling="no" src="https://onedrive.live.com/embed?resid=C6C74A4F4E08862A%2111678&authkey=%21AD--P1AvjankqHk&em=2&wdAllowInteractivity=False&Item='Blad1'!A2%3AC5&wdHideGridlines=True&wdInConfigurator=True" width="232"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-91582868147844586302019-02-10T16:32:00.001+01:002019-02-11T00:12:18.578+01:00Een countdown timer op je website<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd8XBC5e0WdvT6JDuUJj_jI4j7nuhTbY8CGUZo97-fiujgcLNR3vSlVsS9J8lhwBlqH_L17sqXCFa7xq5cXybJgpDz-Jo0LeAbhpSZajt1KeLiYmn7Ea4AE-l3kzcDqJq_j8fH/s1600/countdown.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="189" data-original-width="452" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd8XBC5e0WdvT6JDuUJj_jI4j7nuhTbY8CGUZo97-fiujgcLNR3vSlVsS9J8lhwBlqH_L17sqXCFa7xq5cXybJgpDz-Jo0LeAbhpSZajt1KeLiYmn7Ea4AE-l3kzcDqJq_j8fH/s400/countdown.png" width="400" /></a></div>
Je kunt heel simpel een countdown timer maken met behulp van een paar formules in Google Sheets.<br />
Deze is vervolgens via een iFrame te embedden in een website of op Google Sites.<br />
<br />
Om zo'n counter te maken ga je als volgt te werk:<br />
<ul>
<li>Plaats in cel A1 de datum en het tijdstip waar naartoe je wilt aftellen in de notatie, bijvoorbeeld:<br />
<span style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">15-3-2019 0:00:00 (Noot</span>*)</li>
<li>Voeg de cellen B1 - D1 samen en zet daarin een titel</li>
<li>Zet in cel B2: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">INTEGER</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Zet in cel C2: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">UUR</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Zet in cel D2: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">MINUUT</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Zet in cel B3: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">B2</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Dagen"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Dag"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Zet in cel D3: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">C2</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Uren"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Uur"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Zet in cel C3: =<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">D2</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Minuten"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Minuut"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Als je alles achter elkaar wilt hebben, voeg dan de cellen B4 - D4 samen en zet daarin de volgende formule:<br />
=<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">INTEGER</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">" "</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">days</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Dagen"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Dag"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">" : "</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">UUR</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">" "</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">UUR</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Uren"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Uur"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">" : "</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">MINUUT</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">" "</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">&</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">ALS</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">MINUUT</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span dir="auto" style="background-color: white; color: #f7981d; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">A1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">-</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">NU</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">></span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">1</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Minuten"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class=" string " dir="auto" style="background-color: white; color: green; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">"Minuut"</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span></li>
<li>Maak de cellen naar believen op met achtergrondkleur en fontgrootte</li>
</ul>
<b>Klaar is Kees!</b><br />
Het resultaat kan er dan uitzien zoals hieronder. Dit is geen plaatje maar embedcode:<br />
<br />
<iframe frameborder="0" height="140" src="https://docs.google.com/spreadsheets/u/1/d/e/2PACX-1vQW-ue5Jxve1kGB7YBW2plDqedVxWNZv5YX0WEalGjpEXyfgd3gjDNtPct-e2xvhh3QdH8RQGFsIHRe/pubhtml?gid=0&single=true&range=B1:G4&chrome=false" width="300"></iframe><br />
<br />
<b>*) </b>Wil je aftellen naar een jaarlijks terugkerende gebeurtenis zoals bijvoorbeeld mijn verjaardag, gebruik dan als formule in cel A1: <span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">=</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">DATUM</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">JAAR</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">VANDAAG</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">(</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">4</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">;</span><span class="number" dir="auto" style="background-color: white; color: #1155cc; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">5</span><span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">)</span><br />
<span class=" default-formula-text-color" dir="auto" style="background-color: white; font-family: "inconsolata" , monospace , "arial" , "sans" , sans-serif; font-size: 14px; white-space: pre-wrap;">Daarbij staat de 4 voor de maand en de vijf voor de dag.</span><br />
<b><br />
</b> <b>Embedden</b><br />
<a name='more'></a>Als je de timer wilt embedden op een website moet je de spreadsheet eerst publiceren.<br />
<ul>
<li>Ga naar Bestand en klik op: Publiceren op internet</li>
<li>Kies dan voor Invoegen, Blad 1</li>
</ul>
Je krijgt dan code aangeboden die er ongeveer zo uitziet:<br />
<br />
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQW-ue5Jxve1kGB7YBW2plDqedVxWNZv5YX0WEalGjpEXyfgd3gjDNtPct-e2xvhh3QdH8RQGFsIHRe/pubhtml?gid=0&single=true&widget=true&headers=false"></iframe><br />
<br />
Omdat je slechts een gedeelte van het blad wilt laten zien, namelijk de cellen B1 t/m D 4 moet je de embedcode nog een beetje aanpassen:<br />
<br />
<iframe frameborder="0" width="300" height="140" src="https://docs.google.com/spreadsheets/u/1/d/e/2PACX-1vQW-ue5Jxve1kGB7YBW2plDqedVxWNZv5YX0WEalGjpEXyfgd3gjDNtPct-e2xvhh3QdH8RQGFsIHRe/pubhtml?gid=0&single=true&range=B1:G4&chrome=false"></iframe><br />
<br />
Je ziet dat ik de hoogte en de breedte van het iFrame definieer en dat ik de range toevoeg: B1:G4.<br />
Ook de toevoeging chrome=false is belangrijk. Hoogte en breedte moet je een beetje uitvogelen en is afhankelijk van de breedte en hoogte van de cellen in je spreadsheet.<br />
<br />
Natuurlijk heb ik dit niet allemaal zelf verzonnen, maar dankbaar gebruik gemaakt van de uitleg die ik vond op <a href="https://infoinspired.com/google-docs/spreadsheet/countdown-timer-using-built-in-functions-in-google-sheets/" target="_blank">InfoInspired</a>.<br />
<br />
<b>Te moeilijk:</b><br />
Vind je dit allemaal veel teveel gedoe, dan kan je natuurlijk gebruikmaken van een site zoals <a href="https://www.tickcounter.com/" target="_blank">https://www.tickcounter.com/</a> Hou er dan wel rekening mee dat je geen invloed hebt op de vormgeving en ik denk dat Google Sites deze code van derden ook niet zal accepteren...ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-30309592678566200052018-10-28T15:12:00.000+01:002018-10-28T15:44:01.813+01:00Even itty.bitty uitproberenMet behulp van <a href="https://itty.bitty.site/" target="_blank">itty.bitty</a> is het mogelijk om een volledige (in HTML opgemaakte) pagina als link te genereren. Alles wat op de pagina staat zit dan dus in die url! Dit betekent dat die pagina niet ergens op een server staat.
Een makkelijke manier om HTML te genereren is natuurlijk via je weblog. Daar kan je kiezen tussen wysiwyg en HTML weergave.
Om een en ander te testen maak ik in dit bericht even een visitekaartje en gebruik dan de HTML code om met behulp van itty.bitty <a href="https://itty.bitty.site/#Willem_Karssenberg/data:text/html;charset=utf-8;bxze64,XQAAAAJoAwAAAAAAAAAeHQgmOm3if1cj0EddAG1zolJziC7wT/h6F0Ef1nMhq5H26Czm8CIZVOxIBqYtP/J2tZoHzIbm8FXPC81sJ9N/rY1V6X3XGEAj6vQ4gv9sgM0mHZMHkX/8K+ZO4tTdiaIFx+1+xs9CdX4sMSaVB6DaodWIojMWRvdzvIolAZ2Vf762XFzy69tcLZv0Y9/XQ8z3G/Do0Lpr18J2+EMxiy+2yNlbPaRM9WrNBDA9Ad1fRGwPoCpd7fufXoMkPABl7vkj2LJEjuaG9wtEXsZGO8OGhe+LcXWky2xRoKsHHAg5rRG6m69XH34s/0aMPUXe1c2kolveT0Hs0nlv90mCoCoKlUUWXrKQjEeUBOIjN06kdEzVAPUj6JzmQ0JtRMkncMikLVmFUw6Xgml2KVRMl4/Rpu8gkkRhwXp6UmsoDQWeVMsbMpBkUaC6AoX4ycOylRSDL/Vja0e4d9tTCpGsNP4/umEY9bxlyhyMgRif94ArUW7MTpo8ziM1+n+DWiAOByW2fBzNCDVJnZSEULINUQm1kUaGCNo9d5Mz8T48zvWvCPLm1FFWzu+5HCVymle+ZwDU8owwwzBw2AvPNXiUZi+bSpV911MJLiRMI4DHp7il6vJd/HUtlA==" target="_blank">deze link</a> te genereren die mijn kaartje zal bevatten.
<br />
<br />
<table border="1" style="width: 310px;"><tbody>
<tr><td><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrK34V_Re1ra8CAIWCwsobcD4b_pTCwr8Kgt4zeFdrhrrPBRiPjW01Dpxx7Yal4o91Rjihe_b1ZjHtuCsrthIZp1qT5tT907raHk3t0r11kPdTmnODMDD8R1VKFJr14Mk_NpsN/s200/WillemTM1.jpg" style="float: right;" width="130" />
<b style="font-family: verdana, sans-serif;" title="Naam">
Willem<br /> Karssenberg</b><br />
<div style="font-family: verdana, sans-serif;" title="Adres">
Nolsstraat 8<br />
7814 RD Emmen</div>
<div style="font-family: verdana, sans-serif; font-size: small;">
<a href="https://twitter.com/trendmatcher" target="_blank" title="Twitter">@trendmatcher</a><br />
<a href="https://www.trendmatcher.nl/" target="_blank" title="Website">www.trendmatcher.nl</a><br />
<a href="mailto:willem@karssenberg.nl" title="E-mail">willem@karssenberg.nl</a></div>
</td></tr>
</tbody></table>
ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-46368041495303478942018-09-02T21:44:00.004+02:002018-09-02T21:45:34.731+02:00Google Forms embeddenGoogle Forms embedden gaat er beter uitzien volgens Google.<br />
Dat wil ik natuurlijk even uitproberen met een willekeurig formulier:<br />
<br />
<iframe frameborder="0" height="800" marginheight="0" marginwidth="0" src="https://docs.google.com/forms/d/e/1FAIpQLSduZ1o8NxwB-eQCAlAMuOJyzu2EgmVCPhVHqlCMAVHmwSjdxQ/viewform?embedded=true" width="100%">Bezig met laden...</iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-28984467350305865462018-06-15T12:12:00.002+02:002018-06-15T12:12:41.208+02:00Voorkom verlies SD kaartje<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkIWZHz6C_RyjPrQNuCAwzv6cM7uIzCBC5VRoZFAp3sRTK2o8CAu9Zg3wO0CRrAxk_tzssFjagam84FPcFfUoc-O3sFGtvPii96n5A7NjyVZB7_YV6wUgBLNWaAqm17Fl_G8m/s1600/SD1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="500" data-original-width="500" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkIWZHz6C_RyjPrQNuCAwzv6cM7uIzCBC5VRoZFAp3sRTK2o8CAu9Zg3wO0CRrAxk_tzssFjagam84FPcFfUoc-O3sFGtvPii96n5A7NjyVZB7_YV6wUgBLNWaAqm17Fl_G8m/s320/SD1.jpg" width="320" /></a></div>
Sinds ik een Chromebook gebruik ben ik daaruit al twee keer het externe geheugen verloren. Een keer vond ik het micro SD kaartje gelukkig nog terug onderin mijn rugzak, de tweede keer moet deze ergens bij Google in Amsterdam zijn blijven liggen. Nee, gelukkig geen datalek, want bij mijn weten had ik er alleen maar wat screenshots op staan;-)<br />
<br />
Probleem is dat het kaartje ongeveer een millimeter uit de behuizing steekt, zodat je deze met een klik kunt verwijderen. Dat kan dus ook vanzelf gebeuren wanneer je het Chromebook met die kant op een harde ondergrond laat rusten.<br />
<br />
Wat mij betreft dus echt een ontwerpfout, maar dat terzijde!<br />
<br />
Ik heb het op de volgende manier opgelost.<br />
<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-0oY74N_Lufgne8qB9LdlK5P4TPcaR3XYbrNZJBQ1Tg6PkBwreFhlJRbr-RC3Joac4B6tTh4bfaXUJJ1qFW3NQ8DGimscl68mMxOa-pDJNwjZ2Cx1fiGbFH1ZGXzFLdSD9x4/s1600/SD2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="500" data-original-width="500" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-0oY74N_Lufgne8qB9LdlK5P4TPcaR3XYbrNZJBQ1Tg6PkBwreFhlJRbr-RC3Joac4B6tTh4bfaXUJJ1qFW3NQ8DGimscl68mMxOa-pDJNwjZ2Cx1fiGbFH1ZGXzFLdSD9x4/s320/SD2.jpg" width="320" /></a></div>
<b>Benodigdheden:</b><br />
<br />
<ul>
<li>een paperclip</li>
<li>een stukje duct tape</li>
</ul>
<br />
<b>Werkwijze:</b><br />
<br />
<ul>
<li>Knip 2 stukjes van een paperclip die net zo lang zijn als de breedte van het kaartje</li>
<li>Doe het kaartje in je Chromebook</li>
<li>Leg een van de stukjes draad tegen het uitstekende deel van het kaartje</li>
<li>Plak het stukje duct tape tot aan het kaartje</li>
<li>Leg het andere stukje draad tegen de andere kant van het kaartje</li>
<li>Plak de duct tape nu helemaal vast</li>
</ul>
<div>
En klaar ben je!</div>
<div>
Dit kaartje ga ik nu niet meer verliezen.</div>
<div>
Ik heb er gelijk maar een 64GB kaartje (Kruidvat, € 29,99) in gestopt, zodat ik voorlopig vooruit kan...</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeoSO1JqeJ2uLs0NK8bBSBYGc2pOEZDVvI68R4gDMLRGXs0BctUBlQAux-TaHWen0CmDueTis8mLN1zfPZwGJbsymRj52suvRX2rH0CB3yJAU9doEJ30SnIP7rxAHg96unLmQ/s1600/SD4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="253" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeoSO1JqeJ2uLs0NK8bBSBYGc2pOEZDVvI68R4gDMLRGXs0BctUBlQAux-TaHWen0CmDueTis8mLN1zfPZwGJbsymRj52suvRX2rH0CB3yJAU9doEJ30SnIP7rxAHg96unLmQ/s640/SD4.jpg" width="100%" /></a></div>
<div>
<br /></div>
ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-40523193225407130522018-06-05T12:35:00.000+02:002018-06-05T12:50:55.513+02:00Powerpoint naadloos embeddenOp deze manier kun je een PowerPoint presentatie embedden zonder de navigatiebalk te tonen.<br />
<br />
<div style="height: 342px; overflow: hidden; width: 607px;"><iframe frameborder="0" height="367px" src="https://onedrive.live.com/embed?cid=C6C74A4F4E08862A&resid=C6C74A4F4E08862A%2111562&authkey=AOUiqI4m2D322dc&em=2&wdAr=1.7777777777777777" width="610px" style="left: -1px; position: relative; top: -1px;"></iframe></div>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-4974577769490492072018-06-05T12:00:00.003+02:002018-06-05T12:18:30.201+02:00Navigeren door een plaatje?Hè, een plaatje waar je doorheen kunt navigeren?<br />
Ja, je ziet het goed, probeer maar uit!<br />
<br />
<div style="height: 330px; overflow: hidden; width: 597px;">
<iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vT7f0HYplrS9H9SwD-su8c78MAvvgquJJTD9y7NiYmvnSPl23w-yJi3hD_xGnXsyToAShGfnHX6SZzp/embed?start=false&loop=false&delayms=3000" style="left: -1px; position: relative; top: -1px;" webkitallowfullscreen="true" width="600"></iframe></div>
<br />
Wat je ziet is gewoon Google Slides, maar dan zonder navigatiebalk.<br />
De truc zit hem in wat code die je om het iframe heen zet, waardoor je de navigatiebalk verbergt.<br />
<br />
Hier de code die ik hiervoor gebruikt heb:<br />
<div style="height: 330px; overflow: hidden; width: 597px;"><br />
<iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vT7f0HYplrS9H9SwD-su8c78MAvvgquJJTD9y7NiYmvnSPl23w-yJi3hD_xGnXsyToAShGfnHX6SZzp/embed?start=false&amp;loop=false&amp;delayms=3000" style="left: -1px; position: relative; top: -1px;" webkitallowfullscreen="true" width="600"></iframe></div><br />
<br />
Het iframe wordt dus omsloten door een div die iets minder breed en een stuk minder hoog is!<br />
<br />
Het gebruikte plaatje slaat dus nergens op, maar ik wilde snel iets hebben om dit te demonstreren. Dit biedt volgens mij allerlei mogelijkheden om dingen op een leuke manier aan te bieden, zoals spelletjes, ontdekkingsverhalen, puzzels, een quiz en wat al niet meer...<br />
<br />
Het aardige is dat het ook nog redelijk werkt op een tablet of een smartphone.<br />
Voor het navigeren maak je gebruik van de mogelijkheid om te linken naar andere dia's in je presentatie.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-41880367764970300612018-03-26T14:57:00.001+02:002018-03-27T15:00:46.954+02:00Embedden Office Online<iframe width="100%" height="1500" frameborder="0" scrolling="no" src="https://onedrive.live.com/embed?resid=C6C74A4F4E08862A%2111494&authkey=%21ANYNYx_CSLeSK94&em=2&wdAllowInteractivity=False&Item='Programma'!A1%3AF57&wdHideGridlines=True&wdInConfigurator=True"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-89745707113925575032017-11-17T12:11:00.003+01:002017-11-17T12:14:41.943+01:00Een animatie via Google Slides<iframe allowfullscreen="true" frameborder="0" height="125" mozallowfullscreen="false" src="https://docs.google.com/presentation/d/e/2PACX-1vTWhd_QHtAnYepEVGApDEu9tRaFW4afmD0ytJasOQVxYBSwmtwt_yn9kWuR0iLCJEwHgi2E9faBQdiI/embed?start=true&loop=true&delayms=150" webkitallowfullscreen="false" width="800"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-62954254359593901102017-10-25T10:43:00.001+02:002017-10-25T10:43:42.757+02:00Maak een memoryspel...Ik krijg een mailtje van een collega-blogger dat hij geen berichten meer kan publiceren op Blogger.<br />
Even kijken of ik daar ook last van heb...ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-47596791584920675532017-09-12T16:04:00.000+02:002017-09-12T21:14:22.909+02:00Google drawing embeddenEn zou die dan ook nog clickable zijn?<br />
<iframe frameborder="0" height="266" src="https://docs.google.com/drawings/d/1Anwtp72C9Jhb5yARR6ugodh9VSUk2iVnBqF3o_hpHSc/preview" style="clear: right; float: right;" width="399"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-27697520473079433562017-07-21T10:57:00.002+02:002017-07-23T00:08:42.208+02:00Google Drive embeddenWil je een aantal bestanden embedden onder een blogbericht of in een andere webpagina, maar wil je ze niet allemaal stuk voor stuk uploaden en linken?<br />
Zet ze dan in een deelbare map van Google Drive en maak ze beschikbaar via een iFrame.<br />
Met behulp van de codegenerator <a href="http://www.trendmatcher.nl/p/google-drive-embedder.html">op deze pagina</a> werkt dat heel eenvoudig!. Je kunt de breedte en de hoogte bepalen en kiezen of je wel of geen kader om het iFrame wilt hebben. Verder kun je nog kiezen uit lijst- of rasterweergave.<br />
Bijkomend voordeel is dat je achteraf meer bestanden kunt toevoegen (of verwijderen) zonder naar de betreffende pagina te gaan!<br />
<div><br />
</div><div>Hieronder zie je hoe dat eruit komt te zien:</div><br />
<h2 style='color: red;'></H2><iframe width='100%' height='400px' frameborder='1' scrolling='yes' src='https://drive.google.com/embeddedfolderview?id=0By2d5B0yP7tLbTgxOU1PZVZwbGs#list'>loading... </iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-29478290106434740172017-07-19T11:53:00.000+02:002017-07-23T00:31:38.361+02:00Zeearend koning van de deltaFilmpje embedden met ondertiteling<br />
<br />
Dit is de embed code:<br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/Ya7xoeqKbIU?cc_load_policy=1" frameborder="0" allowfullscreen></iframe><br />
<br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/Ya7xoeqKbIU?cc_load_policy=1" frameborder="0" allowfullscreen></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-58299711604152511352017-07-18T11:37:00.001+02:002017-07-18T11:42:23.421+02:00Ondertiteling weergevenIemand vroeg of het mogelijk is om geforceerd ondertiteling weer te geven wanneer je een YouTube filmpje embed ergens op een website.<br />
Dat is zeker mogelijk!<br />
Het enige wat je aan de url moet toevoegen is het volgende: cc_load_policy=1<br />
<br />
De embed code van onderstaand filmpje ziet er dan zo uit:<br />
<br />
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/jTaTMOQvojQ?cc_load_policy=1?rel=0" frameborder="0" allowfullscreen></iframe><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube-nocookie.com/embed/jTaTMOQvojQ?cc_load_policy=1?rel=0" width="640"></iframe><br />
<br />
ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-34952178483656353642017-01-04T14:46:00.000+01:002017-01-12T12:08:31.760+01:00AbbreviationEven wat uitproberen:<br />
De <abbr style="border-bottom: 1px dotted; cursor: help;" title="Middelbaar beroepsonderwijs:
het beroepsonderwijs dat aansluit op het vmbo en
voorbereidt op een beroepskwalificatie of een hbo-opleiding.">MBO</abbr> Raad heeft als 50e organisatie het manifest 'Samen naar een duurzame digitale samenleving' ondertekend.<br />
Dat kan natuurlijk ook met de <a href="http://www.w3schools.com/code/tryit.asp?filename=FBEX4UC67T4A" target="_blank">Tryit Editor</a>!ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-69791850410867657392016-12-05T11:29:00.000+01:002016-12-05T11:29:06.477+01:00Audiobestand downloadenwhat are you doing with the rest of your life<br />
<a href="http://skyline.home.xs4all.nl/cd/whatareyoudoingwiththerestofyourlife.mp3" target="_blank">Klik</a>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-63748765909642388772016-11-28T17:19:00.001+01:002018-01-07T11:08:00.312+01:00Audio embedden vanaf Google DriveEven uitproberen!<br />
<br />
Dit is de code:<br />
<audio controls="controls"><br />
<source src="https://drive.google.com/uc?export=download&id=0By2d5B0yP7tLZUR3T3IycHhJYzA"><br />
</audio><br />
<br />
<audio controls="controls"><br />
<source src="https://drive.google.com/uc?export=download&id=0By2d5B0yP7tLZUR3T3IycHhJYzA"></source><br />
</audio><br />
<br />
Nu een variant uitproberen:<br />
<audio controls="controls"><br />
<source src="https://drive.google.com/uc?export=download&id=1p4ZYS6G4pzl1NU_820We9QEwum5EUEz3"></source><br />
</audio><br />
<br />
<audio controls="controls"><br />
<source src="https://drive.google.com/uc?export=download&id=1p4ZYS6G4pzl1NU_820We9QEwum5EUEz3"></source><br />
</audio><br />
<br />
En nu een wav bestand:<br />
<audio controls="controls"><br />
<source src="https://drive.google.com/uc?export=download&id=0By2d5B0yP7tLXy13UkhFaFMyOEk"></source><br />
</audio>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-9385375775743194602016-11-17T15:24:00.000+01:002016-11-17T15:31:16.955+01:00YouTube afwijkend formaatEven kijken hjoor of dat werkt...<iframe frameborder="0" height="360" src="https://www.youtube-nocookie.com/embed/13CxjoE3P2U?rel=0&showinfo=0" style="float: right;" width="300"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-60273366146719884792016-11-14T13:17:00.003+01:002016-11-14T13:17:52.832+01:00Een clyp.it audiobestand embeddenEen clyp.it audiobestand embedden? Zo doe je dat!<br />
<br />
<iframe frameborder="0" height="160" src="https://clyp.it/ezhspceo/widget" width="100%"></iframe>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-57997710852404341852016-10-25T21:08:00.001+02:002016-10-25T21:17:52.084+02:00Google foto's embeddenEven zien of die <a href="https://ctrlq.org/google/photos/" target="_blank">truc van Amit Agarwal</a> ook werkt voor video, maar nee helaas.<br />
Voor foto's echter wel en dat is toch ook makkelijk.<br />
<br />
<a href="https://photos.google.com/share/AF1QipPGVVHqZrDCdRbW0jCGZvgciJExOajiOuYgTYrG5XnWwXfu2oxnD4qY8z22b0EYxQ?key=aEhLV2JxVDBlWUU3UThQbnZMWVpJLXpuNUZxQXN3&source=ctrlq.org"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirZVEzDdnEjbiIJpWUnmigl3nQWSDC3cP9UvBp-8SXxA9A3aGJMwTWeQyuUqc9gMUTCvvig4TC5EsnkkfX1mB7p2fZtYYbFtMovHSuJHdc6S5Kp9Ag6alSjZ0CClCakYGxAe5t/" /></a>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-49524986601116958812016-10-10T22:30:00.001+02:002016-10-10T22:30:47.340+02:00Twitter moment embedden, zo doe je dat!Even uitproberen...<br />
<br />
<a class="twitter-moment" href="https://twitter.com/i/moments/785575044940521472">Google Tekeningen delen, zo doe je dat!</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-22983756649190390422016-09-27T11:35:00.003+02:002016-09-27T11:48:07.325+02:00Een videobestand embedden vanuit archive.orgEens even zien of ik met behulp van de aanwijzing op de <a href="https://archive.org/help/video.php">HELP pagina</a> van archive.org een videobestand kan embedden.<br />
<br />
<video controls="" height="352" width="640"><br />
<source src="https://archive.org/download/Archive.org_201609/Archive.org.mp4" type="video/mp4"></source><br />
Your browser does not support the video tag.<br />
</video><br />
<br />
De code die archive.org mij aanbiedt ziet er zo uit:<br />
<blockquote class="tr_bq">
<iframe allowfullscreen="" frameborder="0" height="352" mozallowfullscreen="true" src="https://archive.org/download/Archive.org_201609/Archive.org.mp4" webkitallowfullscreen="true" width="640"></iframe></blockquote>
Zoals je ziet werkt dit dus met een iFrame<br />
<br />
Je kunt echter ook de video tag gebruiken die tegenwoordig door vrijwel alle browsers en devices geaccepteerd wordt. Dat ziet er dan zo uit:<br />
<blockquote class="tr_bq">
<video width="640" height="352" controls><br /> <source src="https://archive.org/download/Archive.org_201609/Archive.org.mp4" type="video/mp4"><br />Your browser does not support the video tag.<br /></video></blockquote>
Dit is de manier waarop ik bovenstaande screencast nu heb toegevoegd.ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0tag:blogger.com,1999:blog-16961259.post-30475338155944710512016-09-27T00:09:00.003+02:002016-09-27T00:10:46.147+02:00Audio via Archive.orgEven zien hoe dat werkt:<br />
<audio src="https://ia601509.us.archive.org/28/items/Introductie/Introductie.mp3" controls></audio> <br />
<br />
Het bestand staat hier: <a href="https://ia601509.us.archive.org/28/items/Introductie/Introductie.mp3">https://ia601509.us.archive.org/28/items/Introductie/Introductie.mp3</a>ik gahttp://www.blogger.com/profile/03693580058102189888noreply@blogger.com0