NIEUW: Blog reclamevrij maken?
Inhoud blog
  • (X)HTML codes begrijpen en gebruiken in de brontekst (bron of broncode) van een blogbericht bij seniorennet of bloggen.be
    .
  • Afbeeldingen invoegen met de tag img
  • Een alinea (met lege regel) toevoegen / uitlijnen naar links, rechts of centreren (met het element p align)
    .
  • Centreren (zonder lege regel) met de tag center (doch verouderd)
    .
  • Een nieuwe regeleinde toevoegen met de tag br
    .
  • Kopteksten toevoegen, kleur geven, uitlijnen
    .
  • Tekst opmaken: vette en/of cursieve tekst
    .
  • Een webpagina maken 
    Zoeken in blog

    Categorieën
  • Afbeeldingen invoegen (1)
  • Alinea- en regeleinden toevoegen (3)
  • Andere (3)
  • Koppelingen maken - Hyperlinks (0)
  • Kopteksten (1)
  • Lijsten maken (0)
  • Tabellen maken (0)
  • Tekst opmaken: vet, cursief... (1)
  • Hoofdpunten blog blogtips
  • Fijne valentijnsdag
  • Inhoud - Hoofdpunten van blog
  • Een VTM video afspelen op de blog
  • Een video van Youtube zonder of met automatische start op de blog laten afspelen
    .
  • Rekentool voor het omrekenen van kB, Mb en GB naar bytes en omgekeerd
    .
  • Compatibliteitsweergave uitschakelen voor de website blog.seniorennet.be, om de editor correct weer te geven in Internet Explorer 11 - Win7 en Win8.1
    .
  • Valentin effect waarbij hartjes over de blogpagina neervallen
  • Afbeelding van de harde schijf in zijn ware grootte weergeven en hieraan met behulp van de editor een link toevoegen naar een blogadres, webpagina of URL van een ander bestand
    .
  • Een nieuwe regel of een nieuwe alinea toevoegen
    .
  • Een tekst aanklikbaar maken met link naar een andere bestemming op internet
    .
  • Van een afbeelding een aanklikbaar hyperlink afbeelding maken
  • Met de nieuwe editor, een afbeelding in een blogbericht plaatsen, welke geüpload werd naar internet en dus over een URL beschikt
    .
  • Waar vind je de Broncode in de nieuwe editor van seniorennet
  • Inloggen in uw blog
  • Sneeuwtapijt met neervallende sneeuwvlokjes over blogpagina
    .
  • Sneeuweffect met *** waarbij de sneeuw over de pagina neerdwarrelt
    .
  • Sneeuweffect met gifplaatjes, die als sneeuwvlokjes neerdwarrelen
    .
  • Sneeuweffect waarbij figuurtjes als sneeuwkristallen neerdwarrelen
  • Vind ons op facebook en vind onze pagina Sunbeams leuk. Plaats je ook onze button op uw blog
    .
  • Wacht uw blog ook lang voor de inhoud ingelezen geraakt?
    .
  • Vriendelijk verzoek aan alle bezoekers
    .
  • Zonder script, toch voorkomen dat bij gebruik van de rechtermuisknop de afbeelding wordt gedownload
    .
  • Een CounterGeo op uw blog
  • Een hyperlink tekst of button naar uw facebook op uw blog plaatsen
  • Tekst in Word opmaken en in een blogbericht overbrengen
    .
  • Lettertype, kleur en tekstgrootte aangeven of wijzigen
  • Sneeuwstorm effect weergeven op de blogs
  • Eenvoudig en snel een foto van de harde schijf toevoegen in een blogbericht
    .
  • Een plaatje van harde schijf in zijn ware grootte weergeven en hieraan met behulp van de editor een link toevoegen naar een blogadres, webpagina of URL van een ander bestand
    .
  • PPSx bestanden uploaden naar ImageNetz.de. Wat houdt dit in
    .
  • Afbeeldingen, muziek en andere bestanden uploaden naar seniorennet
    Een blogbericht als uploader gebruiken
  • HTML codes voor het weergeven van een (aanklikbaar) plaatje of button
  • Categorieen toevoegen aan een blog en er de berichten in onderbrengen
    .
  • Een webpagina, pps, foto, video of ander bestand, dat reeds over een URL beschikt, als Bijlage toevoegen onderaan een blogbericht
    .
  • Foto verkleinen, draaien of spiegelen met Fotoverkleinen.nl
  • Een of meerdere berichten tegelijk uit gastenboek verwijderen
    .
  • De zoekfunctie uit een site van sites.google verwijderen
    .
  • Een afbeelding (aanklikbaar) met of zonder tekst in de ZIJKOLOM VAN BLOG aanbrengen
    .
  • Met Photoscape een foto in stukken splitsen
    .
  • Foto's bewerken en leuke animaties toevoegen met Photoscape
    .
  • Met Micr Office Powerpoint een fotoalbum maken
    .
  • Mededeling: Verdwenen teller Wieonline.nl vertraagt deels het openen van blogs
    .
  • Powerpoints uploaden naar docs.google en via een link openen op het net
    .
  • Mijn favorietenlijst
    .
  • In een blogbericht een afbeelding van de harde schijf toevoegen en als aanklikbare miniatuur weergeven
    .
  • De URL van een powerpoint koppelen aan een plaatje van de harde schijf, dat als miniatuur in de linkerbovenhoek van een blogbericht in de middenkolom wordt weergegeven 
  • In de middenkolom een foto of animatieplaatje van de harde schijf toevoegen en centreren
  • Een plaatje v/d harde schijf toevoegen en in ware grootte, gecentreerd in een blogbericht in de middenkolom v/d blog weergeven, met link naar uw eigen of een ander blog, ppsx, word-, pdf-, of excel doc. of naar een andere foto of ander bestand
    .
  • Een excel document weergeven in een blogbericht
    .
  • Plaatjes van harde schijf toevoegen en als aanklikbare miniaturen met link naar ware grootte weergeven
    .
  • Accenten en/of aanhalingstekens in de titeltekst van een blogbericht, kan problemen veroorzaken
    .
  • Foto's ONLINE verkleinen , knippen, draaien en bijwerken
  • In pp2007 - De kleur van een hyperlinktekst wijzigen
    .
  • In het progr Micr.Off.Powerpoint 2003, 2007 en 2010 een hyperlink toevoegen aan een tekst of plaatje in een dia
    .
  • MPEG layer-3 in de Switch Audio File Converter voor Windows Vista en Windows 7
  • Een muziekspeler op de blog plaatsen
    .
  • Een *.mp3 of *.wav bestand comprimeren naar een kleiner *.wav bestand - met het progr. Switch Sound File Converter
  • Ontbrekende animaties, aanwezig in het progr Off Powerpoint 2007, toevoegen in de versie PowerPoint 2010
  • De URL van een powerpoint koppelen aan een plaatje van de harde schijf, dat als miniatuur in de linkerbovenhoek van een blogbericht in de middenkolom wordt weergegeven
    .
  • Voorkomen dat er een blauw paarse standaardrand rond een aanklikbaar plaatje wordt weergegeven
  • De rand rond een aanklikbaar plaatje / foto verwijderen
     
  • Kleur en dikte v/d rand om een afbeelding wijzigen
  • wmv video gemaakt met Photostory en geüpload naar docs.google.com
  • Probleemoplossing: wanneer de rechterkolom v/d website van seniorennet het tekstvak van elk blogbericht deels bedekt
    .
  • Probleemoplossing - Wanneer in het item -Gastenboek- bij Personaliseer, de knop -Verwijderen- bedekt wordt door reclame, zodat het verwijderen van een bericht onmogelijk is
  • Een dia presentatie maken met Google Docs en op de blog laten afspelen
  • Een plaatje aanklikbaar maken, door de URL van uw blog of een ander document of bestand dat op internet staat te koppelen aan het plaatje 
  • Tekst op een afbeelding plaatsen met de online editor van Lunapic 
  • In een blogbericht van de middenkolom, twee of meerdere plaatjes van de harde schijf toevoegen en in ware grootte aanklikbaar weergeven 
  • Het uitzicht van de muisaanwijzer vervangen door een plezant figuurtje
     

    aantal page views
    sinds 07 jan 2010

    (X)HTML in de broncode
    Eenvoudige HTML codes in de brontekst of bron van een blogbericht of webpagina begrijpen en gebruiken
    Onderdeel van blog http://blog.seniorennet.be/blogtips
    10-11-2010
    Klik hier om een link te hebben waarmee u dit artikel later terug kunt lezen.Kopteksten toevoegen, kleur geven, uitlijnen
    .

    Kopteksten toevoegen

    Kopteksten worden veelal gebruikt om bepaalde teksten beter te benadrukken, bij voorbeeld als kop van een artikel in een blogbericht of als inleiding van een pagina of de titel van een hoofdstuk bij het opmaken van een inhoudsopgave

    Door in de brontekst (ook broncode of bron genoemd) gebruik te maken van de openingscode <h1> en de sluitcode </h1> waartussen we tekst plaatsen, wordt deze tekst in de browser als een koptekst weergegeven

    In HTML bestaan er 6 niveaus voor kopteksten
    Al naar gelang het niveau dat in de begintag (ook openingstag genoemd) na h wordt toegevoegd, variërend tussen 1 en 6, wordt de koptekst groot, kleiner of klein weergegeven
    De eindtag (ook sluitcode genoemd) heeft steeds dezelfde naam en het niveau als de begintag, maar wordt voorafgegaan van een slash.

    Na een koptekst volgt altijd een witregel en begint de volgende tekst met een nieuwe regel

    Weergave van de kopteksten van groot naar klein, al naar gelang het niveau dat in de code aangebracht wordt. In de bron ziet de code er zo uit:
    Bij de tag <h1>...</h1> wordt de grootste koptekst weergegeven. 
    Bij de tag <h6>...</h6> de kleinste koptekst

    Koptekst 1

    <h1>Koptekst 1</h1>

    Koptekst 2

    <h2>Koptekst 2</h2>

    Koptekst niveau 3

    <h3>Koptekst niveau 3</h3>

    Koptekst niveau 4

    <h4>Koptekst niveau 4</h4>
    Koptekst niveau 5
    <h5>Koptekst niveau 5</h5>
    Koptekst niveau 6 is de kleinste
    <h6>Koptekst niveau 6 is de kleinste</h6>


    Kopteksten centreren, rechts of links uitlijnen
    met behulp van de attribuut:
    align="center" align="left" of   align="right"


    Door in de openingstag <h1> of in de begintag van één van de andere niveaus, het attribuut align="center" toe te voegen, wordt een koptekst gecentreerd weergegeven. De sluittag laten we hierbij ongewijzigd

    Dit is een gecentreerde kop van niveau 4

    In de broncode ziet dit er zo uit.

    <h4 align="center">Dit is een gecentreerde kop van niveau 4</h4>

    -------------------------------
    Wanneer in de openingstag het attribuut align="left" toegevoegd wordt, wordt de koptekst tegen de linkermarge geplaatst

    Deze koptekst van niveau 4 is links uitgelijnd

    <h4 align="left">Deze koptekst van niveau 4 is links uitgelijnd</h4>

    Standaard staat, zonder toevoeging van het attribuut align="..." de tekst steeds tegen de linkermarge, zodat het attribuut align="left" eigenlijk gewoon kan worden weggelaten.

    -------------------------------
    Wordt in de begintag het attribuut align="right" opgenomen,
    dan komt de tekst tegen de rechtermarge te staan.

    Hier is de koptekst niveau 4 rechts uitgelijnd

    <h4 align="right">Hier is de koptekst niveau 4 rechts uitgelijnd</h4>


    Een andere en betere werkwijze om kopteksten uit te lijnen is gebruik maken van een inline stijl. Dit wordt meestal in blogberichten gedaan.
    Inline stijlen nemen steeds voorrang op ingesloten stijlen.
    Een voorbeeld van ingesloten stijlen is bij de blogs van seniorennet en bloggen.be, via Instellingen > "Uitzicht (design) wijzigen blog" te vinden in de bron van de blog

    Kopteksten centreren, rechts of links uitlijnen
    door toepassing van een inline stijl


    Bij gebruik van een inline stijl, wordt in de begintag <h1> of in één van de begintags van een ander niveau het attribuut style opgenomen
    In de style tag style="..." wordt dan tussen de aanhalingstekens, op de plaats waar de puntjes staan, het element text-align: center aangebracht.
    Voorbeeld:

    Deze koptekst niveau 4 staat gecentreerd

    <h4 style="text-align: center;">Deze koptekst niveau 4 staat gecentreerd</h4>

    ---------------------------------
    Een koptekst rechts uitlijnen kan door in de begintag <h4> de stijltag style="..." toe te voegen,
     waarin het element text-align: right; is opgenomen

    Deze koptekst wordt rechts uitgelijnd

    <h4 style="text-align: right;">Deze koptekst wordt rechts uitgelijnd</h4>

    --------------------------------
    Standaard, zonder opgave van enige uitlijning, staat een koptekst steeds tegen de linkermarge, maar het kan ook zo.

    Deze koptekst wordt links uitgelijnd

    <h4 style="text-align: left;">Deze koptekst wordt links uitgelijnd</h4>



    Kopteksten een ander kleur geven
    door toepassing van een inline stijl


    Met behulp van de inline stijl style="..." welke we opnemen in de begintag <h1> kan ook een andere kleur aan de koptekst worden gegeven.
    Op de plaats waar de puntjes tussen de aanhalingstekens in de stijl tag style="..." staan, wordt het style element color aangebracht, gevolgd door een dubbel punt(:) en een spatie. Na de spatie wordt dan de waarde opgegeven, hier is dat het nummer teken # gevolgd door de kleurcode (hexadecimale waarden: cijfers en letters) van de gewenste kleur en een punt komma om het style element af te sluiten.

    Deze koptekst wordt blauw weergegeven

    De code in de bron ziet er zo uit:
    Zoals te zien is, wordt het style element color: van de waarde #0000FF gescheiden door een spatie.

    <h4 style="color: #0000FF;">Deze koptekt wordt blauw weergegeven</h4>

    ----------------------------

    In plaats van in de style tag (stijltag), tussen de aanhalingstekens het style element color: #hier_de_kleurcode; aan te brengen, kan na color: gevolgd door een spatie ook de engelse benaming van de kleur worden opgegeven en afgesloten door een punt komma.
    Zie voorbeeld van een stijltag:
             style="color: hier_engelse_benaming_kleur;"

    Deze koptekst is rood

    <h4 style="color: red;">Deze koptekst is rood</h4>


    Kopteksten een ander kleur geven en
    tegelijk centreren of links of rechts uitlijnen
    door toepassing van een inline stijl


    Een inline style kan verschillende stijlelementen bevatten
    Stel dat we een koptekst een bepaalde kleur willen geven en deze tegelijk willen centreren of  links of rechts uitlijnen

    Wanneer we in de begincode, bij voorbeeld <h4> van een koptekst van niveau 4, het attribuut style="..." opnemen, dan kunnen we in de stijltag, tussen de aanhalingstekens, op de plaats waar de puntjes staan, meerdere stijlelementen aanbrengen, zoals o.a. het stijlelement color: #kleurcode; voor het bepalen van de gewenste kleur en het stijlelement text-align: center; om de kop te centreren of het stijlelement  text-align: right; om de kop rechts uit te lijnen

    Ieder stijlelement wordt van elkaar gescheiden door een punt komma (;) en een spatie

    Dit is een gecentreerde groene tekst

    In de bron ziet de code voor het weergeven van een groene gecentreerde koptekst van niveau 4 er zo uit

    <h4 style="color: #008000; text-align: center;">Dit is een gecentreerde groene tekst</h4>

    Deze koptekst wordt rechts uitgelijnd,
    kleur chocolate

    <h4 style="color: fuchsia; text-align: right;">Deze koptekst wordt rechts uitgelijnd,
    <br />kleur chocolate
    </h4>

    Deze koptekst wordt links uitgelijnd, kleur purple

    <h4 style="color: purple; text-align: left;">Deze koptekst wordt links uitgelijnd, kleur fuchsia</h4>


    Categorie:Kopteksten
    » Reageer (0)



    Kom niet dichterbij!

    Categorieën
  • Afbeeldingen invoegen (1)
  • Alinea- en regeleinden toevoegen (3)
  • Andere (3)
  • Koppelingen maken - Hyperlinks (0)
  • Kopteksten (1)
  • Lijsten maken (0)
  • Tabellen maken (0)
  • Tekst opmaken: vet, cursief... (1)

  • Archief per week
  • 24/10-30/10 2011
  • 06/06-12/06 2011
  • 04/04-10/04 2011
  • 07/02-13/02 2011
  • 08/11-14/11 2010
  • 13/09-19/09 2010
  • 01/03-07/03 2010

    Blog als favoriet !

    Hoofdpunten blog broncode
  • (X)HTML codes begrijpen en gebruiken in de brontekst (bron of broncode) van een blogbericht bij seniorennet of bloggen.be
    .
  • Afbeeldingen invoegen met de tag img
  • Een alinea (met lege regel) toevoegen / uitlijnen naar links, rechts of centreren (met het element p align)
    .
  • Centreren (zonder lege regel) met de tag center (doch verouderd)
    .
  • Een nieuwe regeleinde toevoegen met de tag br
    .

    Hoofdpunten blog uitzicht_design
  • Welkom op blog uitzicht_design
    .
  • Zonder script, toch voorkomen dat bij gebruik van de rechtermuisknop een plaatje wordt opgeslaan
    .
  • Een nieuwe look
  • Achtergrondkleur en/of achtergrondafbeelding wijzigen bij de blogs van seniorennet en bloggen.be
     
  • Onderaan ieder blogbericht, het » teken bij REAGEER vervangen door een ander teken of icoontje
    .

    Hoofdpunten blog blogdesk
  • Eventjes een woordje
    .
  • Wil bij ieder contact steeds uw blog of website mededelen
    .
  • De rangorde van de items in de zijkolommen wijzigen - items naar de andere zijkolom verplaatsen
    .
  • Ingegeven berichten pas na goedkeuring laten verschijnen
  • Soorten editors

    Hoofdpunten blog powerpointtips
  • Inhoud - powerpointtips
    .
  • Test om te zien of de codes van de video behouden blijven, met de nieuwe editor
  • In pp 2013 - Een powerpoint beveiligen met een wachtwoord tegen wijzigen
    .
  • Een site bij sites.google.com aanmaken voor het uploaden van video, pps, doc, xls
    .
  • PowerPoint met enkele nieuwe overgangseffecten uit Off.Micr.Powerpoint 2013 omgezet naar wmv video en geupload naar Drive.google
    .

    Gastenboek
  • Fijne start van de nieuwe week ...
  • Prettige nieuwe week
  • Fijne avond
  • Droomwereld
  • Ik kom je een fijne avond wensen

    Druk op onderstaande knop om een berichtje achter te laten in mijn gastenboek


    E-mail mij

    Druk op onderstaande knop om mij te e-mailen.



    Hoofdpunten blog powerpointcrea
  • Leve Moeder
  • Fijne Feestdagen - Gelukkig Nieuwjaar
  • The living Years
  • Vind ons op facebook en klik op de knop -Vind ik leuk-
  • Mijn nieuw blog op wordpress.com
    .

    Hoofdpunten blog zomersproeten
  • Tijden van nood
  • Gewaardeerd
  • Voor altijd in het hart
  • Echte vriendschap
  • Corrigeren en prijzen

    Hoofdpunten blog zonnegroeten
  • Voorkomen dat uw naam en foto in de advertenties van Google opduikt
    .
  • Voor meer computertips: zie pctipstrucs.wordpress.com
  • Geen mails meer ongewild bij de Spam
    .
  • Een foto in stukken splitsen
  • Zoek je iets? Welkom op mijn blog!
    .

    Hoofdpunten blog fotovreugde
  • Welkom op mijn blog: Fotovreugd.wordpress.com
    .
  • Herfst in het Lozerbos
  • Abdijcomplex Maagdendale
  • Leve moeder
  • Fijne Paasdagen

    Hoofdpunten blog reissprokkels
  • Bezienswaardigheden in Chartres
  • Leuk spelletje - zoek de fouten
  • Foto's over de gehele wereld
  • Online de klok inoefenen
  • Panoramisch zicht op de Markt in Oudenaarde

    Hoofdpunten blog sunflowers
  • Wenspagina - Young Love
  • Paaskaartje gemaakt door Suzieke
     
  • Paaskaartje gemaakt door Ulla
  • Paaskaartje gemaakt door Roosje
     
  • PSP werkje met wenspagina - Stuur ook eens een ecard-page naar uw vrienden en familie

    Mailinglijst

    Geef je e-mail adres op en klik op onderstaande knop om je in te schrijven voor de mailinglist.




    Blog tegen de regels? Meld het ons!
    Gratis blog op http://blog.seniorennet.be - SeniorenNet Blogs, eenvoudig, gratis en snel jouw eigen blog!