Hieronder bij "Inhoud" kan je kiezen. Maak je voor het eerst een blog? Lees dan best vanaf onderaan naar boven. Mijn berichten beginnen onderaan. Veel leesplezier!
Een URL voor een plaatje aanmaken met nl.tinypic.com en met behulp van HTML code weergeven op de blog
Een URL voor een plaatje aanmaken door het bestand vanaf de harde schijf te uploaden naar http://nl.tinypic.com/ en met behulp van een HTML code weergeven op de blog
Plaatjes van de harde schijf zijn pas zichtbaar op de blog, wanneer we deze uploaden naar eigen geleende webruimte of naar een free file hosting provider, zodat ze een plaats krijgen op internet
Met behulp van de nederlandstalige vrije uploader http://nl.tinypic.com/ kunnen we een plaatje (.jpg of .gif bestand) van de harde schijf uploaden naar internet, zodoende een internetadres (URL) voor het plaatje te bekomen. Deze URL dient dan in een HTML code ingebracht te worden en vervolgens in de HTML BRON van een blogpagina geplakt, zodoende het plaatje te zien staan op de blog.
Zolang Tinypic dan uw plaatje op zijn server online zet of niet verwijdert of een andere plaats geeft of benaming ziet je het plaatje dan staan op uw blog
Je registreren bij http://nl.tinypic.com/ is niet nodig, doch heeft wel enig voordeel, bvb dat je steeds de URL van uw plaatje gemakkelijk kan terugvinden en het bestand nog zelf kan verwijderen. Zonder registratie is het openbaar vrij te gebruiken door iedereen Werkwijze: voor het uploaden van een plaatje - zonder registratie en inloggen
Klik op http://nl.tinypic.com/ Je krijgt dan een webpagina gelijkaardig als onderstaande afbeelding te zien
Klik op BLADEREN, duid het plaatje op uw harde schijf aan en klik op OPENEN of dubbelklik op het plaatje, zodat het pad in het veld bij BLADEREN verschijnt Klik daarna op NU UPLOADEN
Eénmaal geüpload kan je: 1) in het veld bij DIRECTE LINK VOOR LAY-OUTS, de URL van het plaatje kopieren Deze URL dient nadien dan in een HTML code ingebracht te worden of 2) in het veld bij HTML VOOR WEBSITES rechtstreeks de HTML code voor het weergeven van een aanklikbaar plaatje kopiëren, waarin reeds de URL van het plaatje opgenomen is en een link naar nl.tinypic.com met korte beschrijving over hun site Zie hierna:
De URL of de html code selecteren en kopieren, kunnen we doen door met de rechtermuisknop éénmaal op de URL (bij Directe link voor lay-outs) of op de HTML code (bij HTML voor websites) te klikken, zodat de URL of code in het donker komt te staan, daarna met de linkermuisknop klikken op KOPIEREN.
Om de URL of HTML code niet kwijt te geraken, voordat het plaatje op de blog staat, kunnen we deze voorlopig plakken (of bewaren) op kladblok. Klik hiervoor op START ► Programma's ► Bureau-accessoires ► Kladblok
Zoals reeds hierboven beschreven, kunnen we nu kiezen uit 2 werkwijzen om een aanklikbaar plaatje weer te geven
1) De URL van het plaatje bij Directe link kopieren en plaatsen in de hieronderstaande HTML code of 2) de HTML code voor websites kopieren en de link naar Tinypic met korte beschrijving vervangen door de URL van de gewenste site of blog die moet openen en een andere tekst
1 ste mogelijkheid:
De URL van het plaatje kopieren, te vinden bij: DIRECTE LINK VOOR LAY-OUTS (zie afbeelding hierboven) en deze URL eerst hier ter plaatse plakken in de hiernavolgende HTML code, alsook de URL van de link (bvb uw blogadres), vervolgens klikken op de knop SELECTEER en KOPIEER en pas daarna plakken of
hetzij eerst de hieronderstaande HTML code kopieren en vervolgens plakken op kladblok of in de BRONTEKST van een blogbericht en pas daarna de URL van het plaatje en de URL van de link in de HTML code plakken
Om de URL's in de HTML code te brengen:
Vervang in het veld hierna onder Selecteer en Kopieer: - de tekst HIER_URL_VAN_LINK door de URL van uw blog - de tekst HIER_URL_VAN_PLAATJE door de URL van uw plaatje - vervang het woord BESCHRIJVING door een andere tekst naar uw keuze - Klik vervolgens op de knop SELECTEER EN KOPIEER
---- Werkwijze om de HTML code te plakken in een blogbericht: ► Log in: Wens je het plaatje in de zijkolom: klik op PERSONALISEER vervolgens op het pijltje links of rechts van VRIJE TEKST/HTML of ga naar het bericht waar je het aanklikbaar plaatje wilt plakken ► Vink eerst BRONTEKST aan door boven het tekstvak in de editor een vinkje te klikken in het vak achter het woord BRONTEKST, want HTML codes dienen in het BRON tekstvak geplakt ► Zet daarna je cursor neer op de plaats waar je het plaatje wilt plaatsen rechtsklik en klik op PLAKKEN of we kunnen ook de code ook als volgt plakken: hou de Control toets ingedrukt en klik op de letter V ►Wanneer je nu het vinkje bij BRONTEKST terug wegklikt, ziet je het plaatje in het gewone tekstvenster staan ►Klik vervolgens op TOEVOEGEN
2de mogelijkheid:
Gebruik maken van de HTML code te vinden bij HTML VOOR WEBSITES Bij deze werkwijze, kan de code rechtstreeks gekopieerd en in de BRONTEKST van een blogbericht geplakt en opgeslaan. Wil je echter niet dat de website nl.tinypic.com opent, wanneer op het plaatje geklikt wordt, (zoals in dit voorbeeld hiernaast) dan dien je in de html code de URL van de LINK te vervangen door de URL van uw blog of van een andere webpagina, die je wilt zien openen. De korte beschrijving over Tinypic kan je tevens vervangen door uw tekst.
Hierna een voorbeeld van de HTML code van één van mijn geüploadde plaatjes, welke ik kopieerde bij nl.tinypic.com: --------------------------------------------------- <a href="http://nl.tinypic.com" target="_blank"> <img src="http://i36.tinypic.com/15xwq2u.jpg" border="0" alt="Image and video hosting by TinyPic"></a> --------------------------------------------------- In de deze code dient, wat in het rood gekleurd staat, bij <a href="......."> de URL van de website van nl.tinypic.nl te worden vervangen door de URL van de blog (blogadres) of webpagina, die moet openen wanneer op het plaatje geklikt wordt
Wat in de code hierboven in het groen tussen de aanhalingstekens bij <img src staat is de URL van het plaatje en deze URL dient ongewijzigd te blijven
Wat in het blauw tussen de aanhalingstekens staat bij alt="..........." verschijnt wanneer de bezoeker de muisaanwijzer boven het plaatje houdt. Deze tekst kan dus vervangen worden door een andere tekst naar keus.
Wanneer we nu de HTML code aanpassen met link naar mijn blog, en een andere beschrijving of titel invullen, dan ziet de html code er zo uit:
--------------------------------------------------------------- <a href="http://blog.seniorennet.be/blogdesk" target="_self"> <img src="http://i36.tinypic.com/15xwq2u.jpg" border="0" alt="Welkom op blog blogdesk"></a> ---------------------------------------------------------------
en dit is dan het resultaat, klik maar even op de button. Mijn blog opent i.p.v. de webpagina van Tinypic Hou ook maar even uw muisaanwijzer boven het plaatje.
In de code heb ik bij target het woord blank vervangen door het woord self Op die wijze sluit mijn blog als de link opent, wat niet het geval is bij de eerste button.
Klik geen spatie tussen de URL en de aanhalingstekens. Verwijder of voeg in de code geen aanhalingstekens, spaties of haakjes toe. Een code moet juist zijn, wil het plaatje correct worden weergegeven
De werkwijze om de HTML code te plakken in een blogbericht gebeurt op dezelfde manier als in de eerste mogelijkheid beschreven - zie hierboven
Wanneer je zich registreert, kan je uw plaatjes onderbrengen in verschillende door uzelf aangemaakte albums, zodat je deze steeds kan terugvinden.
Bovendien behoud je de mogelijkheid om ze al dan niet te verwijderen bij Tinypic:
Opgelet: Nadat je zich met uw emailadres en wachtwoord aangemeld hebt bij Tinypic, verschijnen er bovenaan 2 knoppen: UW MATERIAAL en ALBUMS
Vooraleer op de knop UPLOADEN te klikken klik eerst op de knop UW MATERIAAL of op ALBUMS zodat uw plaatjes na uploaden toegevoegd worden aan uw persoonlijk materiaal.
Klik vervolgens een bolleke bij AFBEELDING (voor een plaatje) Duid eventueel nog de grootte aan door op het pijltje bij STANDAARD te klikken Klik op BLADEREN > duid uw plaatje aan > UPLOADEN
Een (aanklikbaar) plaatje geüpload naar Photobucket weergeven in een bericht
Een plaatje geüpload naar www.photobucket.com al dan niet met verwijzing (link) naar.... weergeven in een blogbericht of gastenboek
Nadat een plaatje geüpload is naar Photobucket is het voor velen een probleem om de URL van een plaatje te onderscheiden van de HTML code die photobucket opgeeft voor het weergeven van een aanklikbaar plaatje met een link naar zijn eigen website, die opent, waarneer op het plaatje geklikt wordt. En dat laatste is voor vele bloggers toch niet de bedoeling.
Hierna zie je een voorbeeld, waar de URL van een geüpload plaatje te vinden is en waar je de HTML code vindt die Photobucket opgeeft met link naar zijn website
Om een plaatje te kunnen weergeven in een blogbericht, dien je de URL van het plaatje in een code te plaatsen en vervolgens het geheel te plakken in de HTML BRON van een blogbericht of gastenboek, want codes dienen in de HTML BRON van een bericht geplakt te worden.
Hierna vind je nog eens een ScreenShot waarbij je kan zien, waar de URL van uw geüpload plaatje bij Photobucket te vinden is
Voor het weergeven van een plaatje vind je hierna 2 mogelijkheden, waaruit je kan kiezen:
1) het plaatje gewoon weergeven zonder meer of 2) het plaatje aanklikbaar weergeven met een link naar uw blog, een webpagina, powerpoint, een groter of ander plaatje of een document op internet, dat moet openen, als op het plaatje geklikt wordt
Werkwijze bij keuze 1:
Weergeven van een plaatje zonder verwijzing naar een andere URL, dus zonder het aanklikbaar te maken.
► Kopieer eerst de URL van uw plaatje, zie Screenshot hierboven ► Selecteer in het hiernavolgend venster HIER_URL_PLAATJE en klik op PLAKKEN, zodat in de plaats van de tekst HIER_URL_PLAATJE de URL van uw plaatje staat ► Klik vervolgens op de knop SELECTEER EN KOPIEER, hierdoor is de code met daarin uw URL gekopieerd
► Voeg een blogbericht toe of open een bestaand blogbericht ► Typ eerst een punt, als je niets in het tekstvenster wilt schrijven, behalve het plaatje, dit om te voorkomen dat uw bericht later niet wordt opgeslaan ► Bij gebruik van de standaard editor, vink in de editor boven uw tekstvenster BRONTEKST aan, (dus een vinkje klikken in het vak achter het woord BRONTEKST) of Bij gebruik van de nieuwe editor, klik op HTML BRON, zodat uw gewone tekstvenster een brontekstvenster wordt ► Klik in het brontekstvenster met de rechtermuisknop op de plaats waar je het plaatje wilt plakken en klik op PLAKKEN, zodat de code verschijnt ► Bij gebruik van de standaard editor, klik het vinkje weer weg bij BRONTEKST Bij gebruik van de Nieuwe editor, klik op VERWERKEN ► Je komt nu terug in het gewone tekstvenster, waar je uw plaatje ziet staan. ► Om alles op te slaan, klik op TOEVOEGEN of WIJZIGEN
Werkwijze bij KEUZE 2:
Weergeven van een aanklikbaar plaatje met een verwijzing (link) naar uw blog of de URL van een powerpoint of een ander of groter plaatje, of een document of andere.
► Kopieer eerst de URL van uw plaatje ► Selecteer in het hiernavolgend venster de tekst HIER_URL_PLAATJE en klik op PLAKKEN zodat in de plaats van HIER_URL_PLAATJE de URL van uw plaatje staat ► Typ in de plaats van de tekst HIER_URL_LINK de URL van uw blog of uw fotoalbum of uw powerpoint of een ander bestand die moet openen als op het plaatje geklikt wordt, ► Klik vervolgens op de knop SELECTEER EN KOPIEER ► Plak zoals reeds hierboven al uitgelegd de code in de BRON van uw blogbericht op de plaats waar je het plaatje wilt plakken . Dus EERST BRONTEKST aanvinken of BRON HTML aanklikken, zodat je in de BRON van uw bericht terecht komt en dan pas uw code plakken.
Bij de hierbovenstaande code opent de blog of het bestand of de webpagina waarnaar je verwijst in uw code, wanneer op het plaatje geklikt wordt, en sluit de pagina waar het plaatje op staat.
Wens je dat de webpagina waar uw plaatje op staat ook open blijft staan, als op het plaatje geklikt wordt, zodat er dan twee webpagina's tegelijk openstaan, kies dan voor de hieronderstaande code, i.p.v. deze hierboven
----- Alternatief voor KEUZE 2
Je kan uiteraard er ook voor kiezen om op de site van Photobucket niet de URL van uw plaatje bij Direct Link te kopieren, maar wel de HTML code te kopieren, die Photobucket aanduidt voor websites en blogs en deze te plakken in de BRON van uw bericht.
Wanneer je de HTML code in de BRON van uw bericht plakt, verschijnt dan onmiddellijk uw plaatje en is het tegelijk aanklikbaar, maar met een verwijzing (link) naar de webpagina bij Photobucket, waarop je plaatje te zien is.
Telkens de bezoeker op uw blog, dit plaatje aanklikt, opent dan niet uw blog of een pps of een ander door u gewenste foto of webpagina, maar wel Photobucket en dit is mijn inziens niet uw bedoeling!
Hierna vind je de HTML code, die Photobucket (zie de afbeelding hierboven) bij Websites & Blogs opgeeft,met daarin de URL van mijn plaatje, maar ook met daarin een link naar Photobucket, waarop hetzelfde plaatje te zien is.
Wens je op de site van Photobucket, de HTML code voor Websites en Blogs te kopieren, i.p.v. de echte URL van uw plaatje en wil je daarnaast, dat niet Photobucket opent, maar wel uw blog of een andere webpagina van uw keuze, wanneer op het plaatje geklikt wordt, dan zal je in de HTML code de URL van de webpagina bij Photobucket(wat hierboven in het rood staat) moeten VERVANGEN door de URL van uw blog of een andere door u gewenste webpagina.
En wens je dat Photobucket niet vernoemd wordt, als de muisaanwijzer boven het plaatje gehouden wordt, dan zal je bij alt= het woord Photobucket moeten VERVANGEN door een woord of korte uitleg van uw keuze.
Succes gewenst!
Categorie:03. URL (=internetadres) voor plaatjes aanmaken
INTERNETADRES (URL) VOOR PLAATJE AANMAKEN - uploaden naar Imageshack
Een plaatje dat op de harde schijf van uw pc staat kan niemand op internet zien, zonder dat dit plaatje eerst een plaats (internetadres of URL genoemd) krijgt op internet.
Het uploaden van een fotobestand naar internet, zodoende een internetadres (ook URL genoemd) te bekomen voor het plaatje, kan op allerlei wijze gebeuren.
Uploaden van uw fotobestand vanaf de harde schijf naar uw blog (de servers van seniorennet) of uploaden naar uw eigen beschikbare webruimte bij uw provider of naar een Free File Hosting Provider zoals o.a. http://www.photobucket.com of http://www.plaatjesupload.nl of naar IMAGESHACK
Hieronder vind je uitleg, hoe je een URL kan aanmaken door uw fotobestand te uploaden naar "Imageshack"
* Een plaatje een internetadres (URL) geven * door up te loaden naar IMAGESHACK (klik hier)
►Open eerst kladblok (notepad) op je computer, zodat een leeg tekstdocument verschijnt, waarop je straks de URL van je plaatje kan plakken, om daarna te gebruiken in de blog. Kladblok (notepad) vind je door éénmaal met je linkermuisknop te klikken op "START", vervolgens op "Programma's" - "Bureau-accessoires" - "Kladblok". Sluit dit lege document dus nog niet.
► Als je goed weet waar je plaatje op de harde schijf van je computer staat. ► Klik op de uploader: http://www.imageshack.us/ Opgelet: je kan bij Imageshack enkel plaatjes uploaden die maximum 1024 Kb (=1MB) groot zijn. (Is uw fotobestand te groot, dan dien je deze eerst te verkleinen)
<<<< zie voorbeeld hiernaast, voor het uploaden naar Imageshack, klik op de miniatuurplaatjes
►Verwijder het vinkje bij "Remove size/resolution bar from thumbnail" door éénmaal in het vakje te klikken
►Klik vervolgens op "BLADEREN" dan opent het venster "BESTAND SELECTEREN" ►Klik op het pijltje bij "Zoeken in" en zoek de map met daarin de afbeelding die je wilt uploaden naar internet ►Selecteer in het venster de afbeelding of de bestandsnaam en klik op "OPENEN" of dubbelklik op de bestandsnaam of afbeelding, zodat bij BESTANDSNAAM de naam + extensie verschijnt.
Bij "BLADEREN" verschijnt nu de plaats waar de afbeelding zich op uw harde schijf bevindt
► Klik daarna op: "HOST IT"
► Na het uploaden verschijnen verschillende codes
-------------------------------------------------------------------- Bij "DIRECT LINK TO IMAGE" vind je de URL van uw plaatje dit is dus het internetadres van uw plaatje --------------------------------------------------------------------
(zie afbeelding hieronder)
Direct Link to Image is pas zichtbaar, nadat je op het + teken bij Show Advanced Linking geklikt hebt
Kopieer NIET de code bij Hotlink for Websites, dat is geen URL, maar een html code voor het weergeven van uw aanklikbaar plaatje met een link naar Imageshack, bijgevolg opent de site van Imageshack, wanneer op uw plaatje geklikt wordt en dat is toch niet uw bedoeling!!.
Kopieer ook NIET de URL bij SHOW IMAGE TO FRIENDS, deze URL is niet geschikt om ermee een plaatje op uw blog weer te geven, maar opent een webpagina bij Imageshack, waar uw plaatje op te zien is. Ben je per toeval op de webpagina van "Show image to friends" terecht gekomen, dan kan je alsnog daar de URL van uw plaatje selecteren en kopieren bij DIRECT (zie screenshot hieronder)
Je plaatje heeft nu een internetadres (URL)
►Kopieer en plak nu even de URL van uw afbeelding, bij voorbeeld op kladblok (notepad) zo kan je deze straks gemakkelijk terugvinden, wanneer je de URL nodig hebt, om deze toe te voegen in een code om uw plaatje weer te kunnen geven op uw blog, want éénmaal je de webpagina van Imageshack hebt gesloten, kan je de URL niet meer opvragen.
(of een andere mogelijkheid om de url tijdelijk te bewaren is deze: Voeg een nieuw tabblad toe in uw browser en plak de URL in de adresbalk van uw browser. Wanneer je dan op de enter-toets klikt ziet je meteen uw plaatje en kan je het toevoegen aan uw favorieten. Wanneer je later de URL van het plaatje nodig hebt, kan je dan bij uw favorieten op de link van het plaatje klikken en meteen opnieuw de URL kopieren in de adresbalk van uw browser.)
►Selecteer de URL bij "DIRECT LINK TO IMAGE", door er met de linkermuisknop éénmaal op te klikken, waardoor de URL in een zwarte achtergrond komt te staan. ►Klik daarna met je rechtermuisknop in de geselecteerde URL en vervolgens met linkermuisknop op "kopieren". ►Plak de URL van het plaatje op het tekstdocument van notepad (kladblok) en sla het document voorlopig op als .txt (dus klikken op "Bestand", "Opslaan als", naam geven, "Opslaan"). Wanneer je straks de URL van je plaatje nodig hebt, dien je maar het tekstdocument te openen, de URL van je plaatje te kopiëren en te plakken waar je deze wilt gebruiken.
Een eenvoudig testje om te zien of je plaatje een correct aangemaakt internetadres heeft is deze: ►Vooraleer je Imageshack met daarin de URL van uw plaatje sluit Open een nieuw tabblad in uw browser ►Plak de URL van uw plaatje in de adresbalk van Internet Explorer, ►klik op de "enter-toets" en je plaatje verschijnt op je scherm.
►Een alternatief voor het bewaren van de URL van uw plaatje (zie hierboven reeds medegedeeld) is deze: Indien je wilt, kan je dat plaatje toevoegen aan je favorieten, zo heb je steeds de URL (=het internetadres) van het plaatje bij de hand en dien je de URL niet op kladblok te plakken om deze tijdelijk te bewaren.
Nu je een URL hebt voor uw plaatje, kan je het plaatje in een code plakken om het in zijn ware grootte weer te geven op uw blog
Voor het weergeven van uw plaatje in een blogbericht of in de zijkolom:
► Klik op de knop SELECTEER EN KOPIEER (of plak in het veld hierna onmiddelijk de url van uw plaatje in de plaats van mijn tekst hier_URL_PLAATJE, voordat je klikt op de knop SELECTEER en KOPIEER)
► Log in in uw blog, Wil je het plaatje in de middenkolom van de blog: klik op TOEVOEGEN en typ een punt in het gewone tekstvak of in de ZIJKOLOM van uw blog klik op PERSONALISEER vervolgens op het pijltje bij VRIJE TEKST/HTML ► HTML codes dienen steeds in de brontekst geplakt te worden Vink dus bij gebruik v/de standaard editor steeds eerst BRONTEKST (klik hier) aan Door een vinkje te klikken achter het woord BRONTEKST, verandert uw tekstvak in een brontekst-vak Gebruik je de nieuwe editor: dan dien je op de knop HTML te klikken, waardoor het BRON venster opent. ► Plak vervolgens de code in de BRON of het BRONTEKST-vak ► Sluit uw browser en blog niet, maar open nu kladblok waar je de URL van uw plaatje bewaart of open een nieuw tabblad en zoek bij uw favorieten het plaatje, indien je het daar bewaard heb. ► Kopier het internetadres (=URL) van uw plaatje ► Selecteer nu in uw bericht, in de code:
<IMG src="hier_URL_PLAATJE" border="0">
de tekst: hier_URL_PLAATJE en vervang deze door de URL VAN UW PLAATJE:
Hou er rekening mee, dat de code juist moet zijn, opdat het plaatje straks zichtbaar zou zijn. Klik dus geen bijkomende spatie tussen de URL van uw plaatje en de aanhalingstekens en verwijder er ook geen in de code. Zorg dat alle haakjes en aanhalingstekens aanwezig blijven en op de juiste plaats staan
► Klik nu het vinkje terug weg bij BRONTEKST of bij de nieuwe editor, klik op BIJWERKEN ► Uw plaatje verschijnt nu in het gewone tekstvenster ► Klik vervolgens op Toevoegen, nadat je eerst de titel ingevuld hebt
Je kan ook een aanklikbaar plaatje of button weergeven op de blog of in een gastenboek met een link (verwijzing) naar een blog of een pps of video of..., zodat wanneer er op geklikt wordt, de blog of PPS of andere opent.
Zie voorbeeld hierboven, klik op de button powerpointcrea
Wens je een aanklikbaar plaatje weer te geven, dan dien je de hieronderstaande code te gebruiken, i.p.v. de hier bovenstaande code en in de code, de tekst: hier_URL_LINK te vervangen door de URL van uw blog of PPS of... hier_URL_PLAATJE te vervangen door de URL van uw plaatje
Klik op de knop SELECTEER EN KOPIEER
(Een tip: wil je gemakkelijk werken, voeg hier ter plaatse in de code eerst uw URL's toe, alvorens te klikken op de knop SELECTEER EN KOPIEER. Zo voorkom je het minst fouten)
Zie hieronder de html code van mijn aanklikbare button powerpontcrea met link (verwijzing) naar mijn blog, als voorbeeld:
Een plaatje voorzien van URL weergeven in een blogbericht
Een aanklikbaar plaatje met link naar groter plaatje, powerpoint, fotoalbum, blog, word of excel document op de blog plaatsen
CODES voor WEERGAVE van PLAATJE of AANKLIKBAAR PLAATJE
Een afbeelding met behulp van een HTML code weergeven op de blog
► Zorg eerst voor een internetadres (URL) voor uw plaatje, zodat het plaatje een plaats bekomt op het grote (www) internet. Deze plaats op internet wordt dan het internetadres van het plaatje, ook URL van het plaatje genoemd.
Dit kan je doen het plaatje vanaf de harde schijf te uploaden naar: hetzij een free file hosting provider buiten seniorennet, zoals bij voorbeeld: imageshack.us of photobucket.com of tinypic.com of sites.google.com of een andere externe uploadsite. of hetzij de afbeelding te uploaden naar de servers van seniorennet zelf, via "Overige bijlagen van harde schijf" in een blogbericht van seniorennet of bloggen.be
- Meer uitleg over uploaden naar externe uploadsites (free file hosting providers) vind je hier:
► Kopieerde URL van uw plaatje, op de site waar je het plaatje geüpload hebt. Let op:een URL begint steeds met http://.......... en niet met <a href....> of met <img.....>
► Selecteer in de hieronder staande HTML code de tekst HIER_URL_PLAATJE door de muisaanwijzer met ingedrukte linkermuisknop over de tekst te slepen, zodat de tekst in een donkere achtergrond komt te staan
► klik met de rechtermuisknop in de geselecteerde tekst en kies voor PLAKKEN De url van uw plaatje komt op die wijze in de plaats van de geselecteerde tekst HIER_URL_PLAATJE tussen de twee aanhalingstekens te staan
► Klik vervolgens op de knop SELECTEER EN KOPIEER, om de volledige HTML code voorzien van de URL van uw plaatje te kopieren of sleep de muisaanwijzer over de gehele aangepaste code, rechtsklik in de geselecteerde HTML code en kies voor kopiëren
Code voor het weergeven van een afbeelding
► Maak uw keuze: Om het plaatje in een bericht in de middenkolom van de blog te plaatsen - klik op TOEVOEGEN of WIJZIGEN Voor de zijkolom, klik op PERSONALISEER, vervolgens in het middengedeelte, al naar gelang het plaatje in de linker of rechterkolom dient geplaatst, op een pijltje links of rechts bij VRIJE TEKST/HTML,
► Typ minstens een punt of klik een tweetal spaties, indien je enkel de code voor het weergeven van een plaatje wilt plakken en geen tekst in het tekstvenster toevoegt, dit om te voorkomen dat uw bericht later niet wordt opgeslaan (dit is enkel nodig, voor een blogbericht in de middenkolom)
► Bij gebruik van de standaard editor, vink in de editor boven uw tekstvenster BRONTEKST aan, (dus een vinkje klikken in het vak achter het woord BRONTEKST) waardoor je in het brontekstvenster terecht komt of Bij gebruik van de nieuwe editor, klik op HTML BRON, zodat uw gewone tekstvenster verandert in een brontekstvenster wordt
► Klik in het brontekstvenster met de rechtermuisknop op de plaats waar je het plaatje wilt plakken en kies PLAKKEN
► Om het plaatje te kunnen bekijken: - Bij gebruik van de standaard editor, klik het vinkje weer weg bij BRONTEKST - Bij gebruik van de Nieuwe editor, klik op BIJWERKEN
► Je komt nu terug in het gewone tekstvenster, waar je uw plaatje ziet staan en je uw bericht verder kan akwerken.
► Om alles op te slaan, klik op TOEVOEGEN of WIJZIGEN
---------------- Deel 2 ----------------
Een plaatje voorzien van een URL weergeven op de blog met link naar een groter plaatje of naar een powerpoint of naar een blog of webpagina, fotoalbum, video of document
► Zelfde werkwijze als voor het plaatsen van een afbeelding, zie hierboven ► Kopieer eerst de URL van uw plaatje
► Kies één van de drie html codes hierna
► Vervang in de code de tekst HIER_URL_PLAATJE door de URL van uw plaatje
► Plak in de plaats van de tekst: HIER_URL_LINK de URL van een groter plaatje of van een powerpoint of van een webpaginaof blog of fotoalbum, video of ander bestand, die je wenst te doen openen als op het plaatje geklikt wordt
► Klik op de knop SELECTEER EN KOPIEER
► Vink BRONTEKST aan bij gebruik van de normaal standaard editor of klik op BRON HTML bij gebruik van de nieuwe editor
► Plakde code in de BRON van uw blogbericht op de plaats waar je het plaatje wilt plakken - zie verder de uitleg hierboven voor het weergeven van een plaatje
---------------------------------1--------------------------------- HTML code voor het weergeven van een aanklikbaar plaatje, dat de nieuwe blog of webpagina opent, terwijl de bestaande sluit
---
---------------------------------2------------------------------- HTML code voor het weergeven van een aanklikbaar plaatje, dat de huidige webpagina niet sluit, wanneer de nieuwe opent
---
-------------------------------------3------------------------------------- HTML code voor het weergeven van een aanklikbaar plaatje, met een tekstje die boven het plaatje verschijnt wanneer de muisaanwijzer boven het plaatje wordt gehouden De huidige webpagina sluit niet, wanneer de nieuwe opent.
Hierna zien we een voorbeeld van een ingevulde html code voor het weergeven van mijn aanklikbaar plaatje met een korte beschrijving, wanneer de muisaanwijzer boven het plaatje wordt gehouden De huidige webpagina sluit, wanneer de nieuwe opent.
<a href="http://blog.seniorennet.be/blogtips" target="_self"> <img src="http://i34.tinypic.com/16aptoh.gif" border="0" alt="Welkom voor blogtips"></a>
◄ en dit is het resultaat.
------------ Deel 3 ------------
Om een al dan niet aanklikbaar plaatje, voorzien van een URL te centreren in een blogbericht
► Plak één van de hierbovenstaande codes, welke je wenst te gebruiken in de BRONTEKST van uw bericht en voeg de URL's toe, zoals hierboven uitgelegd of doe dit hier ter plaatse ► Typ vóór het begin van de html code: <p align="center" en beëindig de html code met </p>
Zie voorbeeld hierna, alsook het resultaat: <p align="center"><a href="http://blog.seniorennet.be/blogtips" target="_self"> <img src="http://i34.tinypic.com/16aptoh.gif" border="0" alt="Welkom voor blogtips"></a></p>
Wil je steeds dit blogbericht met de HTML code bij de hand? Voeg onderstaande URL toe aan uw favorietenlijst op uw blog ►Klik bovenaan op PERSONALISEER ► LIJST VAN LINKS ►Typ in het vak bij LINKNAAM: Plaatjescode blog blogtips ►Plak in het vak bij URL: http://blog.seniorennet.be/blogtips/archief.php?ID=153379
Categorie:05. URL aanmaken voor powerpoints, pdf, doc en linken aan een afbeelding
Een flash movie uploaden naar eigen site bij sites.google.com en weergeven op de blog
Met een google account of gmailadres (gratis) een flash movie uploaden naar eigen site bij http://sites.google.com en via een aanklikbaar plaatje of titel bekijken op de blog
Een leuke powerpoint omzetten naar Flash Movie dat kunnen we doen met het freeware programma iSpring
Om een Flash Movie op internet te laten bekijken, dient het bestand voorzien te worden van een internetadres (URL). Wie over een gratische site bij sites.google.com beschikt, kan vanaf de harde schijf het swf-bestand uploaden naar de webpagina BESTANDEN (File Cabinet) en zo een URL bekomen voor de Flash Movie.
Via een aanklikbaar plaatje met link naar de URL van het swf-bestand op de blog, opent de Flash Movie en speelt af. Deze plaatjes alsook de flash movie zijn geüpload naar mijn site bij sites.google.com, waar je ze eveneens kan bekijken.
Iedereen die zich een gratis account aanmaakt bij google of over een gmailadres (gmail.google) beschikt kan gratis een site aanmaken bij http://sites.google.com
In dit bericht vinden we een voorbeeld van een Flash Movie die bij elk van de twee plaatjes op een andere manier afspeelt.
Klik op één van de hier bovenstaande plaatjes vervolgens op het woord HIER of HERE in "Download HIER het bestand" (Click Here to start download)
Werkwijze: Bij dit voorbeeld gaan we zowel het plaatje als de swf uploaden naar sites.google naar de webpagina BESTANDEN
Heb je nog geen BESTANDEN webpagina in uw site bij google aangemaakt: klik op NIEUWE PAGINA MAKEN vul in het veld bij PAGINANAAM een naam voor uw bestandenpagina in klik een bolleke bij BESTANDEN klik ook een bolleke bij "PAGINA PLAATSEN ONDER..." en daarna op PAGINA MAKEN
Om uw Bestandenpagina terug te vinden: Klik op het pijltje bij MEER ACTIES, daarna op SITEMAP In uw Sitemap kan je dan de Bestandenpagina aanklikken
Uploaden van de bestanden: Open de Bestandenpagina door op de link te klikken vervolgens klikken op BESTAND TOEVOEGEN ► BLADEREN duidt het bestand op de harde schijf aan en klik op UPLOADEN
De URL van ieder bestand kunnen we vinden door met de rechtermuisknop te klikken op de bestandsnaam, vervolgens op EIGENSCHAPPEN In het venster EIGENSCHAPPEN vinden we bij ADRES (URL) het internetadres van het bestand. Selecteer de URL vanaf het begin tot aan het vraagteken en klik op KOPIEREN
We maken nu een keuze, hoe we de flash movie gaan weergeven: Hetzij zoals bij het plaatje in de linkerzijde of hetzij een pop-up voorstelling zoals bij het plaatje in de rechterzijde.
Hierna vind je 2 verschillende htlml codes, waarin we de URL gaan aanbrengen van het plaatje en de URL van de flash movie We kiezen dus één van de 2 codes hierna: Om gemakkelijk te werken, kan je hier op dit blog in de code zelf de URL van uw plaatje en (flash movie) swf inbrengen (Heb je een fout gemaakt bij het invoegen van de URL in dit venster, sluit dit blog en open het opnieuw, de code zal terug juist verschijnen)
Vervang al naar gelang uw keus in de 1ste of 2de code: PLAK_HIER_URL_SWF door de URL van uw swf bestand (flash movie) PLAK_HIER_URL_PLAATJE door de URL van uw plaatje De tekens in de code vóór en na de URL moeten aanwezig blijven en er mag tussenin geen spatie bijgeklikt worden.
Zodra de code aangepast is, klik op de knop SELECTEER EN KOPIEER
Nu plaatsen we de code op de blog Voeg een NIEUW BERICHT toe of open een bestaand bericht Vink in de editor bovenaan het tekstvenster BRONTEKST aan, dus vinkje klikken in het vak achter het woord BRONTEKST (bij gebruik van de standaard editor) of Klik op HTML BRON (bij gebruik van de nieuwe editor) Zet de cursor neer op de plaats waar je het plaatje wilt zien staan. Rechtsklik en klik op PLAKKEN
Keer nu terug naar het gewone tekstvenster, door het vinkje weg te klikken bij BRONTEKST (standaard editor) of onderaan het Bronvenster te klikken op BIJWERKEN Je ziet nu het plaatje staan Om het bericht op te slaan, klik op TOEVOEGEN of WIJZIGEN
----code van het voorbeeld in linkerzijde----
-----of----- ----code van de pop-up voorstelling in de rechterzijde----
Een URL aanmaken, door het bestand te uploaden naar gehuurde of beschikbare webruimte bij eigen provider
Deze prachtige awards die ik kreeg van twee lieve blogvrienden, heb ik geüpload naar mijn eigen persoonlijke webruimte
Met een freeware FTP client kan u allerlei bestanden uploaden naar gehuurde of beschikbare webruimte bij uw provider, indien u als abonnee daar recht op hebt en de URL ervan gebruiken op de blog
Met behulp van een code, waarin een verwijzing (link) naar de URL van een plaatje, video, swf, muziek, doc, pps of ander bestand wordt gemaakt, dat zich op uw gehuurde of beschikbare webruimte bevindt, kan u deze bestanden gemakkelijk weergeven op uw blog
Maar vele bloggers, die voor het eerst hun plaatjes-, doc's, video, swf's en zo meer, uploaden naar hun webruimte, stellen zich daarna meestal de vraag, waar ze de URL van deze bestanden vinden om te kunnen gebruiken op de blog!
Het internetadres, ook URL genoemd, van een bestand dat geüpload is naar uw externe site of persoonlijke webruimte
bestaat uit, te beginnen van achteraan naar voor: - de bestandsnaam, een punt gevolgd door de extensie van het bestand - de naam van de map op de externe locatie (webruimte), waarin het bestand zich bevindt - indien de map die het bestand bevat, nog eens in een andere map geplaatst is, dan ook de naam van die map - de URL van uw website telkens gescheiden door een slash / teken
Samengevat is de URL van een webpagina of bestand, dat zich op uw webruimte niet in een map bevindt:
de URL van uw website/bestandsnaam.extensie
Bij voorbeeld: de URL van één van mijn webpagina's is: http://www.sunbeams.be/flashmovie.html
Voor bestanden, die in een map geplaatst, verstuurd worden naar de server of zich op uw webruimte in een map bevinden
de URL website/mapnaam/bestandsnaam.extensie
Indien de map, die uw bestand bevat, op haar beurt nog eens in een map op uw webruimte staat, dan ziet de URL van het bestand er zo uit:
Ik geef een voorbeeld hoe het internetadres (URL) van mijn .jpg foto eruit ziet, welke ik de bestandsnaam 'paard' gegeven heb en op mijn webruimte in een map heb geplaatst, die de naam 'dieren' draagt:
http://www.sunbeams.be/dieren/paard.jpg
Geïnteresseerd: meer uitleg vind je op mijn website, klik op:
Nieuwe bijkomende editor op de blogs bij seniorennet
Sinds 24 juni stelt seniorennet naast de normale (standaard) editor, die door bijna iedereen gebruikt wordt, een nieuwe bijkomende editor ter beschikking. Deze vind je onder de naam: NIEUWE.
NIEUWE EDITOR
Het is nog even wennen om ermee te werken uittesten en uitproberen is dus de boodschap en vervolgens beslissen of je bij de standaard editor blijft of overschakelt naar de nieuwe.
Om de nieuwe editor in te stellen, klik op INSTELLINGEN Scroll naar beneden tot je aan "Soort editor (voor u als gebruiker) komt Bekijk het screenshot hieronder:
Klik op het pijltje en kies voor NIEUWE Klik vervolgens onderaan op TOEVOEGEN
Wanneer je daarna een NIEUW BERICHT toevoegt, krijg je boven uw tekstvak de hiernavolgende editor te zien.
Wens je in de BRONTEKST een code toe te voegen of de bestaande html aan te passen aan je wensen, dan dien je op de laatste icoon HTML te klikken, i.p.v. voorheen BRONTEKST aan te vinken. Om vanuit de HTML bron terug naar het gewone tekstvenster te keren, klik op BIJWERKEN, indien je in de HTML bron iets gewijzigd hebt, zo niet klik op ANNULEREN ---------------------------------- Bij het nemen van een andere lijn, (klik op de ENTER toets) verschijnt steeds een witregel tussen de tekst. Wens je enkel een andere regel te nemen: Hou de SHIFT KNOP ingedrukt, terwijl je klikt op de ENTER toets. ---------------------------------- Wens je een spellingcontrole uit te voeren klik op het pijltje bij ABC en kijk of er een vinkje staat bij nederlands klik vervolgens op de icoon ABC en de controle wordt uitgevoerd ---------------------------------- Wens je een plaatje of tekst te centreren via de HTML bron klik op HTML: typ aan het begin <p align="center"> en eindig met </p> Bij gebruik van <center> .... </center> wordt uw plaatje/tekst niet gecentreerd.
Opgelet: Bij gebruik van de nieuwe editor kan je nu wel het lettertype en de lettergrootte instellen, maar daarentegen zijn de mogelijkheden heel wat beperkter en kan je nu bepaalde zaken niet meer op uw blog plaatsen, wat bij gebruik van de normaal standaard wel kan:
PROBLEMEN bij het gebruik v/d NIEUWE EDITOR ------------------------------------------------------------
Het is onmogelijk van een aanklikbaar plaatje te plaatsen, dat een blog of blogbericht opent, toebehorende aan blog.seniorennet.be, wanneer er op geklikt wordt. Zodus kan je ook geen link maken naar eigen blog of blogbericht.
Van zodra je de code voor een aanklikbaar plaatje met link naar eigen blog of naar een blog toebehorende aan blog.seniorennet.be plakt in het venster bij HTML BRON en daarna op BIJWERKEN klikt, wordt http://blog.seniorennet.be verwijderd uit de code <a href=" "> en rest nog alleen de naam van de blog over, waardoor op internet de blog of het blogbericht niet kan worden gevonden.
Ik geef een voorbeeld: Stel dat je bij gebruik van de NIEUWE editor, de hiernavolgende code in het venster HTML BRON plakt:
Wanneer op het plaatje geklikt wordt, verschijnt in uw browser een blogadres, dat bestaat uit het blogadres waarop je de code geplakt hebt, gevolgd door de naam van de blog waar naar verwezen wordt: Bij voorbeeld: Wanneer ik een aanklikbaar plaatje plaatst op mijn blog: http://blog.seniorennet.be/powerpointcrea met een link naar mijn blog http://blog.seniorennet.be/blogtips dan opent in het browser: http://blog.seniotennet.be/powerpointcrea/blogtips Dit blogadres bestaat dus niet en kan dan ook niet worden gevonden
Wil je toch een aanklikbaar plaatje plaatsen met link naar een blog bij seniorennet, dan ben je verplicht telkens eerst bij INSTELLINGEN de "NIEUWE editor" bij "soort editor voor u als gebruiker" te wijzigen in de "NORMAAL STANDAARD" editor. Vervolgens kan je dan de code met BRONTEKST aangevinkt plakken (zoals weleer) en op TOEVOEGEN klikken. Nadien kan je dan terug overschakelen van NORMAAL STANDAARD editor naar de NIEUWE, de code blijft intact, zolang je bij gebruik van de nieuwe editor het item niet opent, waarin je de code geplakt hebt.
De lichte en donkere kleur van de borders in de tabellen vallen weg.
Het is onmogelijk van een statcounter te plaatsen, zoals weleer, Zie blogbericht:De STATCOUNTER vertelt het je! Wanneer in de HTML BRON op Verwerken wordt geklikt, wordt de gehele code verwijderd en krijg je te lezen: Code corrupted. Insert fresh copy.
In de zijkolom een plaatje van de harde schijf toevoegen, aanklikbaar maken, met link naar grote foto uit fotoalbum
In de zijkolom een plaatje van de harde schijf toevoegen, aanklikbaar maken, met verwijzing naar foto uit eigen fotoalbum
Een grote foto uit een album linken aan een miniatuur foto in de zijkolom van de blog
Klik hierboven op de mini foto en bekijk de foto in een grootte van 600x400 pixels
Bij seniorennet kan je een fotoalbum aanmaken op http://fotoalbum.seniorennet.be/ en uw foto's in verschillende albums plaatsen, al dan niet openbaar gesteld voor iedereen of enkel te bekijken door vrienden en familie. Zowel de URL van de foto's uit uw openbaar gestelde albums als deze uit uw vriendenalbums kan je gebruiken om een klein plaatje in de zijkolom in zijn grootte 600 pixels breed x 400 pixels hoog weer te geven, wanneer er op geklikt wordt.
Let wel op, wegens de bestandsgrootte van de foto's in de fotoalbums is het niet aangeraden de URL te gebruiken om de foto in ware grootte op de blog zelf weer te geven, maar zoals in mijn voorbeeld (aanklikbaar weergegeven op een andere pagina) is er geen enkel probleem
Wie reeds in de zijkolom een foto staan heeft, die toegevoegd is vanaf de harde schijf, via PERSONALISEER - FOTO en deze aanklikbaar wilt maken, dient het veld bij FOTO VAN DE HARDE SCHIJF ongemoeid te laten en mag dus NIET opnieuw klikken op BLADEREN, zoniet verschijnt de bestaande foto niet meer In het veld bij LINK GEASSOCIEERD MET FOTO dient wel dan de URL van de gewenste grote foto van uw fotoalbum toegevoegd te worden, vervolgens klikken op Wijzigen
WERKWIJZE: -------------------------------------------------------------------------------- Open uw fotoalbum en ga naar de gewenste grote foto die je wilt weergeven in uw blog, wanneer op het aanklikbaar plaatje in uw blog geklikt wordt Klik met de rechtermuisknop op de foto, dan krijg je het hiernavolgend venster te zien zie printscreen:
---------- Klik vervolgens op EIGENSCHAPPEN, zodat een nieuw venster opent
Selecteer bij ADRES (URL) het internetadres van uw foto, door de cursor met een ingedrukte linkermuisknop over de volledige url te slepen, zodat het internetadres in het donker staat Rechtsklik in de geselecteerde URL en klik op KOPIEREN
Een mini plaatje vanaf de harde schijf uploaden en aanklikbaar maken door te linken naar de url van de grote foto
Log in in uw blog en klik op PERSONALISEER Klik vervolgens in het middengedeelte op het pijltje links of rechts van FOTO Zodat bovenstaand venster opent. Klik op BLADEREN bij FOTO VAN DE HARDE SCHIJF en duid de gewenste kleine foto op uw harde schijf aan
(OPGELET, wie reeds een foto in de zijkolom staan heeft en deze foto wilt aanklikbaar maken, hoeft niet bij FOTO op het pijltje te klikken, om een nieuw item (FOTO) toe te voegen, maar dient in de zijkolom het bestaande bericht te openen (dus daar klikken op de bestaande FOTO. Wens je de reeds bestaande kleine foto te behouden, vul dan NIETS in bij FOTO VAN DE HARDE SCHIJF, dus NIET klikken op BLADEREN, uw bestaande kleine foto zal dan blijven verschijnen)
Om de kleine foto aanklikbaar te maken: Selecteer http:// in het veld bij LINK GEASSOCIEERD MET FOTO en plak de URL van de gewenste grote foto uit uw fotoalbum bovenop de geselecteerde tekst of verwijder http:// en plak daarna in het lege veld de URL van uw foto. Er mag dus maar éénmaal http:// voorkomen in dit veld. Zie hierboven mijn voorbeeld in de printscreen
In de middenkolom - een aanklikbaar miniatuurplaatje met verwijzing naar fotoalbum plaatsen
In de middenkolom van de blog een aanklikbaar miniatuurplaatje met verwijzing naar een fotoalbum vanaf de harde schijf toevoegen
Klik op het miniatuurplaatje om mijn fotoalbum te bekijken
Een heel eenvoudige manier om een aanklikbaar plaatje toe te voegen op uw blog is enkel één foto van de harde schijf toevoegen in een bericht. De afbeelding wordt dan automatisch verkleind naar een miniatuurweergave van hooguit 150 pixels breed en verschijnt na toevoegen van het bericht in de linkerbovenhoek van uw blog. Rechts van de miniatuurfoto loopt de tekst gewoon door. Voeg je geen verwijzing (link) toe naar een blog of site, pps, video, album of ander bestand dat op internet staat en dus over een URL beschikt, dan wordt bij een klik op de miniatuur de afbeelding in ware grote weergegeven.
In dit blogbericht werd één plaatje geüpload met een link naar mijn fotoalbum galerij.
Werkwijze zie hierna: ------------------------- Om gemakkelijk te werken, open eerst de fotoalbum pagina, waar je wilt naar verwijzen en die dus straks moet openen wanneer op de miniatuurafbeelding geklikt wordt.
Selecteer en kopieer in uw browser het internetadres van uw fotoalbum pagina. Rechtsklik op de geselecteerde URL en klik op Kopieren (Zie screenshot hierna)
Log in in uw blog en voeg een nieuw bericht toe Vul de titel van het bericht in Klik minstens een spatie of typ minstens een punt in uw tekstvak Scoll naar beneden tot bij EXTRA'S Klik op BLADEREN bij FOTO VAN DE HARDE SCHIJF
Duid het gewenste fotobestand aan en klik op OPENEN of dubbelklik op het plaatje, zodat het pad met de bestandsnaam in het vak bij FOTO VAN DE HARDE SCHIJF verschijnt. (Zie screenshot hierna en hierboven)
Plak in het veld bij LINK GEASSOCIEERD MET FOTO, de URL (= het internetadres) van uw fotoalbum. Zorg ervoor dat maar éénmaal http:// in het veld bij LINK GEASSOCIEERD MET FOTO staat. (zie hierna)
Werk in het tekstvak uw bericht verder af Klik vervolgens op TOEVOEGEN
Categorie:07. Plaatjes in de middenkolom toevoegen
Een fotoalbum aangemaakt op seniorennet via een aanklikbaar plaatje openen op de blog
Een fotoalbum aangemaakt op de site: fotoalbum.seniorennet.be via een aanklikbaar plaatje openen op de blog
Klik op de plaatjes om telkens een ander voorbeeld te bekijken
-------------------------------------------------------- Werkwijze hoe je een plaatje van de harde schijf in zijn ware grootte kan toevoegen en tegelijk aanklikbaar maken met link naar uw fotoalbum --------------------------------------------------------
► Maak uw keuze: Klik hierna op de knop "Selecteer en kopieer" van één van de drie hieronderstaande html codes:
- 1 ste mogelijkheid: ------------------------- Voor het plaatsen van een aanklikbaar plaatje in de linkerzijde van een blogbericht in de middenkolom. Klik hierna op de knop SELECTEER EN KOPIEER.
- 2de mogelijkheid: --------------------------- Wens je een aanklikbaar plaatje, dat gecentreerd staat in een blogbericht in de middenkolom, kies voor de hieronderstaande html code:
------------------------ ► Log in in uw blog en klik op BERICHT TOEVOEGEN of TOEVOEGEN ► Typ minstens een punt in het tekstvak of klik één of twee spaties
► Heel belangrijk: ----------------- Opdat een afbeelding in zijn ware grootte in uw blogbericht zou verschijnen, dien je minstens 2 foto's of plaatjes te uploaden naar het blogbericht.
► Bij gebruik van de normale standaard editor Vink in de editor boven het tekstvak BRONTEKST aan, door een vinkje te klikken in het vierkantje achter het woord BRONTEKST. (zie uitleg KLIK HIER) - Bij gebruik van de nieuwe editor dien je te klikken op HTML Bron, zodoende in de BRON van uw bericht terecht te komen ► Plak de geselecteerde en gekopieerde html code van hierboven in de BRON van het bericht, achter de html die zich reeds in de bron bevindt.
► Open vervolgens uw fotoalbum, op de pagina waar je die wilt laten bekijken en selecteer en kopieer het internetadres (de URL) van uw fotoalbum pagina bovenaan in de adresbalk van Internet Explorer of hetzij Mozilla Firefox.
► Keer terug naar de BRON van uw blogbericht en vervang in de html code de tekst PLAK_HIER_URL_LINK door de URL (het internetadres) van uw fotoalbum
Hierbij een voorbeeld, waarin ik in de HTML code: <a href="PLAK_HIER_URL_LINK" target="_blank">%%%FOTO1%%%</a>
de url (internetadres) van mijn fotoalbum slideshow Venetië geplakt heb:
Doe hetzelfde met FOTO2, indien je de 2de foto ook aanklikbaar wilt maken met een verwijzing naar een andere fotoalbum pagina of naar de URL van een pps of de url van een één of ander document of blog.
► Klik het vinkje terug weg bij BRONTEKST bij gebruik van de normale standaard editor of klik op BIJWERKEN bij gebruik van de nieuwe editor ► Wanneer je koos voor 2 aanklikbare plaatjes, dan ziet je nu in uw gewone tekstvak de twee hiernavolgende teksten beide onderlijnd & onder elkaar staan: %%%FOTO1%%% %%%FOTO2%%%
► Nu dienen we nog de plaatjes van de harde schijf te uploaden naar het blogbericht Klik onder het tekstvak bij EXTRA'S ► FOTO VAN DE HARDE SCHIJF op ► BLADEREN bij FOTO1 ► Zoek en duid het gewenste plaatje op uw harde schijf aan en klik op OPENEN of dubbelklik op het plaatje, zodat het pad in het veld bij FOTO1 komt te staan
► Klik op BLADEREN bij FOTO2 en voeg een 2de willekeurig fotobestand toe. De 2de foto kan je nadien deleten, indien je in uw bericht geen 2 plaatjes wenst. of je kan ook indien gewenst het 2de plaatje aanklikbaar maken, zoals hierboven reeds beschreven
► Klik vervolgens op TOEVOEGEN
► Na het toevoegen zal je zien dat er zich een boord rond uw plaatje bevindt.
Wanneer je in uw brontekstvak kijkt (na aanvinken van de BRONTEKST of klikken op HTML), dan zie je dat %%%FOTO1%%% vervangen is door de code voor het weergeven van uw plaatje. Deze code begint met <img src="HIER_DE_URL_VAN_UW_PLAATJE" Om de boord rond het plaatje te verwijderen, voeg in de html code voor het weergeven van uw plaatje border=0 toe.
Zie hierna een voorbeeld, waarbij ik border=0 heb toegevoegd:
- Ter informatie: -------------------- Wil je slagen: Voeg in de html code geen spatie, aanhalingstekens of haakjes toe en verwijder er ook geen.
Voordat je klikt op de hierbovenstaande knop SELECTEER EN KOPIEER, kan je best in de code hier ter plaatse eerst de tekst PLAK_HIER_URL_LINK vervangen door het internetadres van uw fotoalbum pagina, zo loop je minder risico dat er iets fout loopt en het is nog gemakkelijk ook.
Wens je 2 aanklikbare foto's naast elkaar, verwijder <br> of <br /> tussen de twee codes in en klik in de plaats ervan een 3 tal spaties <br> of <br /> betekent een andere regel nemen
Voor het weergeven van 2 gecentreerde plaatjes die naast elkaar staan, gebruik de hieronderstaande code:
Categorie:07. Plaatjes in de middenkolom toevoegen
foto van de harde schijf uploaden naar blog, in omlijsting plaatsen en centreren
* een foto van de harde schijf uploaden naar blog * * in een omlijsting plaatsen en centreren *
Graag even een kruimetje of korstje meepikken waarom zou dat niet mogen! Hier zie je een vaste klant op bezoek in onze tuin
Deze keer heb ik de foto geüpload naar mijn blogbericht, i.p.v. vooraf een URL aan te maken bij Imageshack, Photobucket, Google Page Creator of andere. Vrij eenvoudig te doen, als je ten minste 2 plaatjes vanaf de harde schijf upload naar uw blogbericht.
Werkwijze:
Voeg een NIEUW bericht toe Klik met uw rechtermuisknop op een plaats in uw tekstvak, waar je de tabel met foto wilt plaatsen Indien je wenst dat uw foto gecentreerd staat in het midden, zorg ervoor dat uw cursor in het midden staat, door op de icoon centreren te klikken.
Klik vervolgens op TABEL AANMAKEN in het minivenstertje dat verschijnt: zie afbeelding hieronder:
of klik in de editor boven het tekstvak met de linkermuisknop op het 25ste icoontje TABEL AANMAKEN
Een hiernavolgend venster "TABEL AANMAKEN" verschijnt.
Vul in onder AFMETINGEN bij RIJEN en KOLOMMEN telkens het cijfer 1 i.p.v. van 2.
Bij ACHTERGROND kan je zelf beslissen of je een achtergrondkleur wilt of niet, zo ja: klik op het lege vierkantje achter het woord "KLEUR" duid in de KLEURENKIEZER het gewenste kleur aan en klik in dezelfde kleurenkiezer op "IS GOED ZO". (De functie om een achtergrondafbeelding weer te geven werkt helaas niet)
Bij CELMARGE & CELAFSTAND kan je een getal invullen al naar gelang de gewenste ruimte die je wenst te laten tussen de foto en de borders
Vul onder RANDEN bij BREEDTE de gewenste dikte van de border in. Hoe hoger het getal hoe breder de boord rond de foto.
Wens je een mooie gekleurde rand rond de foto, al dan niet met een 2tal verschillende kleurtinten Klik onder RANDEN bij COLOR op het lege vierkantje achter "KLEUR", zodat de KLEURENKIEZER verschijnt
duid het gewenste kleur aan en klik in dezelfde kleurenkiezer op IS GOED ZO. Herhaal dezelfde werkwijze voor de LICHTE RAND en de DONKERE RAND
Wanneer de tabel volledig ingevuld is, klik onderaan in het venster TABEL AANMAKEN op IS GOED ZO Hieronder zie je het resultaat van wat ik ingevuld heb:
Klik nu verder onder het tekstvak bij EXTRA'S bij FOTO VAN HARDE SCHIJF ► FOTO1 op BLADEREN Duid op uw harde schijf de gewenste foto aan, die je wilt toevoegen en een mooie rand geven. zodat het pad naar het fotobestand in het lege vak bij FOTO1 verschijnt
Plak in de tabel de code %%%FOTO%%% en typ achter het woord FOTO het nummer van de foto, die je in het kader wilt zien verschijnen.
Indien je dus bij BLADEREN onder FOTO1, de foto hebt toegevoegd, dien je na FOTO het cijfer 1 in te vullen zie voorbeeld
%%%FOTO1%%%
Ben je klaar met uw bericht, klik op TOEVOEGEN
Nadat je het bericht hebt toegevoegd, zal de foto in deze tabel verschijnen, op voorwaarde dat je ook onder EXTRA'S bij FOTO2 een bijkomend plaatje hebt toegevoegd.
Wanneer ik enkel één plaatje in ware grootte in het blogbericht wil zien verschijnen, gebruik ik voor het toevoegen van een 2de plaatje een klein icoontje of lijntje of andere versiering, dat ik -nadat het bericht toegevoegd is-, verwijder.
Denk eraan, van zodra je een geüpload plaatje verwijderd hebt in het bericht, kan je het niet meer terughalen.
Nadat je uw bericht hebt toegevoegd, kan je steeds nadien nog wijzigingen aanbrengen in datzelfde bericht, zonder dat de foto's hierdoor verdwijnen, op voorwaarde dat je zelf niet per ongelijk een foto verwijdert. BIJKOMENDE FOTO's vanaf de harde schijf toevoegen in hetzelfde bericht is NIET mogelijk. Staat u plaatje niet gecentreerd en wenst je dit alsnog te doen, nadat uw bericht met foto reeds is toegevoegd:
Klik een vinkje achter "BRONTEKST" en zoek IN DE BRONTEKST van je bericht, de hiernavolgende html-code:
<TABLE borderColor=# ................. border=6>
Typ juist voor het eindhaakje align=center Zie voorbeeld: <TABLE borderColor=# ................. border=6 align=center>
en uw plaatje zal gecentreerd staan.
Wens je na het bericht te hebben opgeslaan, nog de kleur van de rand rond de foto te wijzigen Zorg eerst dat je de kleurcode kent van de kleur die je in de plaats van de bestaande kleur wenst toe te voegen
Kleurcodes kan je vinden en kopieren, wanneer je bvb boven het tekstvak op de letter T klikt, vervolgens in de kleurenkiezer een kleur aanduid, zonder te klikken op IS GOED ZO.
Heb je een kleurcode gekopeeerd, klik een vinkje achter BRONTEKST en zoek de tabel op, waarin uw foto staat.
Vervang de kleurcode in de tabel bij BorderCOLOR of BorderColorDark en/of borderColorLight door een ander door u gewenste kleurcode
Veel succes en blogplezier!
Voor alle duidelijkheid: Het is NIET toegelaten mijn zelfgemaakte foto te kopieren, te linken, te gebruiken of te publiceren.
Categorie:07. Plaatjes in de middenkolom toevoegen
Plaatjes naast en onder elkaar plaatsen in het middengedeelte van de blog
Meerdere plaatjes van de harde schijf uploaden naar blog en weergeven in ware grootte onder en/of naast elkaar plaatsen
Voegt u een NIEUW bericht toe aan uw blog, dan heeft u de mogelijkheid meerdere plaatjes tegelijk te uploaden naar dit blogbericht.
Kiest u ervoor meer dan één plaatje te uploaden in hetzelfde bericht, dan verschijnen die plaatjes in uw blogbericht niet alleen in ware grootte, maar bekomt u hierdoor ook voor ieder plaatje een internetadres, ook URL genoemd, m.a.w. een plaats op internet, wat nodig is opdat iedereen deze plaatjes zou kunnen bekijken.
Zolang u een plaatje in het bericht, waarmee u het geüpload hebt, laat staan, kan u de URL van dit plaatje gebruiken voor allerlei doeleinden, zelfs ook in andere blogberichten, waar u dat plaatje wilt laten bekijken.
Meerdere foto's kan u alleen uploaden in een NIEUW bericht, dit betekent, dat u via WIJZIGEN geen plaatjes vanaf de harde schijf meer kan toevoegen in een reeds bestaand bericht.
Wenst u meerdere plaatjes toe te voegen, dan zijn er 2 mogelijkheden om dit te doen
1) Ofwel voegt u onder EXTRA'S ► FOTO VAN HARDE SCHIJF ► BLADEREN, de plaatjes van de harde schijf toe, zonder gebruik te maken van de functie %%%FOTO1%%% voor de 1ste foto, %%%FOTO2%%% voor de 2de en zo verder. Hierdoor komen al uw plaatjes -na toevoegen van het bericht- onderaan en onder elkaar in de linkerzijde van het bericht te staan, waarna u ze nadien zelf op de juiste plaats kunt plaatsen en/of centreren.
2) Ofwel maakt u gebruik van de functie %%%FOTO1%%%, zoals in dit bericht beschreven wordt.
Zie de screenshot hieronder:
Werkwijze: ► Log in, klik op BERICHT TOEVOEGEN ► Typ de titel, klik minstens een spatie of typ een punt in het tekstvenster ► Klik op BLADEREN bij FOTO1 ► Het venster BESTAND SELECTEREN verschijnt ► Klik op het pijltje bij ZOEKEN IN en duid de map aan waarin het eerste plaatje zich bevindt ► Selecteer het gewenste plaatje en klik op OPENEN of dubbelklik op het plaatje, zodat het pad in het vak bij FOTO1 verschijnt. (zie voorbeeld hierboven) ► Klik vervolgens op BLADEREN bij FOTO2 en herhaal dezelfde werkwijze voor foto 2. ► Ga zo verder met FOTO3 en volgende tot al uw foto's aangeduid zijn.
Opgelet: wanneer u zinnens bent meer dan 9 foto's te uploaden, dient u voordat u de eerste foto toevoegt, eerst zoveel keer te klikken op VOEG NOG EEN FOTO TOE, tot u genoeg vakken hebt om in ieder vak een foto up te loaden.
Een tip: Om het nadien uzelf gemakkelijk te maken. Duid bij FOTO1 ► BLADEREN ► de foto aan die bovenaan als eerste dient te verschijnen in uw bericht Bij foto2 de foto die daaronder komt te staan enz.
► We maken nu gebruik van de code %%%FOTO1%%% .... om zodoende de foto's in de juiste volgorde onder of naast elkaar te zien verschijnen, wanneer het bericht is toegevoegd. Voor een goed begrip: Met %%%FOTO1%%% wordt de foto bedoeld die aangeduid staat bij BLADEREN onder FOTO1 Met %%%FOTO2%%% wordt de foto bedoeld, die ingevuld staat bij BLADEREN onder FOTO2 En datzelfde geldt ook voor de andere foto's. Zo wordt met %%%FOTO5%%% de foto bedoeld, die in het vak staat bij Bladeren onder FOTO 5
► Wenst u dat na toevoegen van het bericht alle foto's gecentreerdonder elkaar en in de juiste volgorde staan, ga als volgt te werk:
► Plaats de cursor in het tekvak en klik op de icoon CENTREREN (Zie de afbeelding hieronder) ► Typ %%%FOTO%%% en klik één of tweemaal op de entertoets om naar een volgende regel over te gaan Herhaal dit zoveel maal, als er foto's onder elkaar dienen geplaatst te worden. ► Voeg in de code %%%FOTO%%%, telkens achter het woord FOTO het nummer van de foto toe, die -na het toevoegen van het bericht- op die plaats dient te verschijnen Bij voorbeeld: Indien de 5de foto als eerste bovenaan dient te verschijnen, typ dan in de bovenste code het cijfer 5 achter Fhet woord FOTO %%%FOTO5%%%.
► Wenst u dat na het toevoegen van het bericht twee foto's naast elkaar staan, Typ tweemaal naast elkaar de code: %%%FOTO%%% van elkaar gescheiden door een 3 of 4tal spaties m.a.w. gezegd: -Typ %%%FOTO%%%, klik vervolgens een 2 à 4tal spaties en typ opnieuw %%%FOTO%%% Zie voorbeeld ► %%%FOTO%%%%%%FOTO%%% - Wenst u 2 rijen van telkens 2 foto's naast elkaar Typ dan 2 maal %%%FOTO%%% met een 2 à 4tal spaties tussen klik daarna 1 of 2 maal op de entertoets om een andere regel te nemen typ vervolgens terug 2 maal naast elkaar %%%FOTO%%% met spaties tussen Vergeet niet Telkens achter het woord FOTO het juiste nummer van de foto te typen.
Ter illustratie: Bovenaan dit bericht heb ik 3 foto's geplaatst, die ik toevoegde bij FOTO VAN HARDE SCHIJF. In de afbeelding hieronder vind u wat ik in het tekstvak typte, alvorens het bericht toe te voegen
► Indien u bij het begin vergeten bent de tekst te centreren, dan kan u dit nu nog doen, door de tekst te selecteren en op de ikoon centreren te klikken
De code %%%FOTO%%% kan ook in html (brontekst) gebruikt worden. Vink hiervoor eerst BRONTEKST aan en typ de codes. Wenst u alles te centreren: typ bij het begin <P align=center> en beëindig het geheel met </P> Zie afbeelding hieronder.
Wenst u enkel één plaatje te centreren, typ voor de code: <center>daarna hier de code</center> of Om twee plaatjes naast elkaar te centreren, typ voor het begin van de 2 codes <center> en beëindig de 2 codes met </center> Voorbeeld: <center>%%%FOTO1%%%%%%FOTO2%%%</center>
Categorie:07. Plaatjes in de middenkolom toevoegen
Plaatje links en/of rechts van een tekst plaatsen door toevoegen van align="left" of align="right" en al dan niet in een tabel weergeven
Wanneer je in de BRONTEKST van een bericht in de html code voor het weergeven van een plaatje <img src="HIER_URL_PLAATJE"> align="right" toevoegt, dan verschijnt het plaatje in de rechterzijde van het bericht en komt de tekst links van het plaatje te staan. De code voor het weergeven van het hiernavolgend plaatje rechts in dit bericht, heb ik juist vóór de hiernavolgende tekst geplakt: Ziehier de html code voor het weergeven van het plaatje, <img src="HIER_URL_PLAATJE" align="right"> Vervang in de code HIER_URL_PLAATJE door de URL van uw plaatje
Zie voorbeeld: Hierna de aangepaste code voor het weergeven van mijn plaatje, waarin ik HIER_URL_PLAATJE vervangen heb door de URL van mijn plaatje: <img src="http://img441.imageshack.us/img441/4348/kao66dl6.gif" align="right"> Ook aanklikbare plaatjes kan je links of rechts van de tekst plaatsen De code voor het weergeven van een aanklikbaar plaatje, rechts van de tekst, ziet er zo uit: <a href="HIER_URLvanBLOG_of PPS_of_anderPLAATJE" target="_blank"> <img src="HIER_URL_PLAATJE" border="0" align="right"></a>
Voeg je in de html code voor het weergeven van een plaatje align=left toe, dan verschijnt het plaatje in de linkerzijde van het bericht en komt de tekst rechts van het plaatje te staan.
Zie voorbeeld: De html code voor dit aanklikbaar plaatje links v/d tekst ziet er zo uit: <a href="HIER_URLvanWEBSITE" target="_blank"> <img src="HIER_URL_PLAATJE" border="0" align="left"></a>
In het hieronderstaand voorbeeld, heb ik
-- Een versje met plaatjes in een tabel geplaatst, --
Om de tabel duidelijk te laten zien, heb ik de border van de tabel zichtbaar gelaten. Door het werken met een tabel, komen mijn versjes en plaatjes dichter bij elkaar te staan.
De html code van de hieronderstaande tabel ziet er in de BRONTEKST zo uit:
<TABLE style="WIDTH: 480px; HEIGHT: 20px" cellSpacing=1 cellPadding=20 align=center border=1> <TBODY> <TR> <TD>hier de codes voor de plaatjes en tekst </TD> </TR></BODY></TABLE>
Wanneer je het vinkje bij BRONTEKST verwijdert, krijg je de hieronderstaande tabel te zien en kan je hierin uw tekst typen. Om uw plaatjes toe te voegen, vink BRONTEKST aan en plak de code voor het weergeven van uw plaatje op de plaats waar je het plaatje wilt laten verschijnen Een andere mogelijkheid voor de blogs van seniorennet en bloggen.be: Wanneer je uw plaatjes vanaf de harde schijf upload naar uw blogbericht, kopieer na het toevoegen van het bericht, het plaatje (rechtsklik erop en klik kopieren) en plak het in de tekst waar je het wenst te zien staan, vink daarna BRONTEKST aan en vervang in de code align=center door align=right of align=left of maak bij een NIEUW bericht onder EXTRA's gebruik van de mogelijk %%%FOTO%%% en plak %%%FOTO1%%% en volgende, op de plaats in de tekst, waar je de foto's wilt zien verschijnen, daarna dien je wel nog in de codes align= aan te passen, al naar gelang je het plaatje rechts of links naast de tekst wilt.
Wens je de border rond de tabel niet weer te geven, vervang in de code van de tabel <TABLE... bij border= het cijfer 1 door het cijfer 0 Voor meer uitleg over tabellen en borders, klik in de linkerkolom op de knop "Randen/Tabellen/Kaders/Borders" of KLIK HIER ---------------
Versje uit 1937 (oud schrift) Naar de post
Pietje's moeder schreef een briefje Naar zijn oom en zijn matant, Om te zeggen dat het Zondag Kermis was in 't Hageland
Toen moest Pietje met de brieven, Naar het postkantoor en 't geld Voor de zegels had zijn moeder, In zijn hand hem voorgeteld.
Pietje sloop het posthuis binnen, Spiedde rond gelijk een musch En daar gingen plots zijn brieven Met een wipken in de bus.
Vliegensvlug liep hij weer buiten, Holde blijgezind naar huis, Waar hij haastig, buiten adem, Binnen viel met veel gedruisch.
"Moeder!" riep hij opgetogen, "'k Was die mannen veel te vlug! Niemand heeft ze mij zien posten, Hier hebt gij uw geld terug!"
-- Plaatje link en/of rechts naast tekst plaatsen -- al dan niet in een tabel met rijen weergeven
Pietje's moeder schreef een briefje Naar zijn oom en zijn matant, Om te zeggen dat het Zondag Kermis was in 't Hageland
Toen moest Pietje met de brieven, Naar het postkantoor en 't geld Voor de zegels had zijn moeder, In zijn hand hem voorgeteld.
Pietje sloop het posthuis binnen, Spiedde rond gelijk een musch En daar gingen plots zijn brieven Met een wipken in de bus.
Vliegensvlug liep hij weer buiten, Holde blijgezind naar huis, Waar hij haastig, buiten adem, Binnen viel met veel gedruisch.
"Moeder!" riep hij opgetogen, "'k Was die mannen veel te vlug! Niemand heeft ze mij zien posten, Hier hebt gij uw geld terug!"
-------- De hierbovenstaande html code van de tabel met rijen ziet er in de BRONTEKST zo uit:
<TABLE style="WIDTH: 480px; HEIGHT: 20px" cellSpacing=0 cellPadding=20 border=1 align=center> <TBODY> <TR> <TD>hier de code v/h plaatje & tekst</TD></TR> <TR> <TD>hier de code v/h plaatje & tekst</TD></TR> <TR> <TD>hier de code v/h plaatje & tekst</TD></TR> <TR> <TD>hier de code v/h plaatje & tekst</TD></TR> <TR> <TD>hier de code v/h plaatje & tekst</TD></TR> < TR> </TBODY></TABLE> Ter INFO: Ook in bovenstaande tabel met rijen, kan je de boord onzichtbaar maken, door in de tabel <TABLE... bij border= het cijfer 0 te typen in plaats van 1. Uiteraard kan de tabel ook breder of smaller gemaakt, een achtergrondkleur aan de tabel gegeven worden of de boord dikker of met een kleur weergegeven worden Voor meerdere uitleg over het maken van borders en tabellen: klik op de rode knop in de linkerkolom "Tabellen/borders"
Plaatjes kan je ook tussenin de tekstregel toevoegen door in de BRONTEKST in de html code align=center toe te voegen
De html code ziet er dan zo uit: <img src="URLvanPLAATJE" align=center> Op te merken valt, dat de tekst bij toevoeging van align=center niet doorloopt langs weerszijden van het plaatje.
Categorie:09. Plaatjes en tekst horizontaal uitlijnen
TEKST LINKS of RECHTS van een PLAATJE (in een tabel)
Tekst LINKS of RECHTS van een PLAATJE
Soms is het wel handig, als naast een plaatje of foto ook tekst kan getypd worden en dus de tekst niet onder of boven een afbeelding verschijnt. Een plaatje in de linkerbovenhoek met rechts ervan tekst laten verschijnen is geen probleem op de blogs van seniorennet en bloggen.be, daarvoor dien je enkel te klikken op "Bericht toevoegen" en onder "Extra's" bij "Foto van harde schijf" een plaatje aan te duiden of bij "Foto van internetadres" de URL te plakken van een plaatje en de klus is zo geklaard.
Maar...wat als je het plaatje in de rechterzijde wilt plaatsen met tekst links van een plaatje of omgekeerd het plaatje middenin de tekst in de linkerzijde wilt laten verschijnen met rechts ervan tekst
Eén van de mogelijkheden is deze. Zie maar...
Dit plaatje is in een tabel geplaatst
Met een tabel kan een plaatje in een bericht links of rechts van tekst worden geplaatst en zoals je ziet loopt de tekst mooi door. Wel handig en veel mooier dan wanneer de tekst enkel boven of onder een klein plaatje verschijnt, vind je ook niet!
Om dit te doen, heb ik IN DE BRONTEKST van mijn bericht, de hiernavolgende html-code voor het plaatsen van een tabel geplakt en vervolgens heb ik in dezelfde code tussen <TD> en </TD> de code voor het plaatsen van een plaatje geplakt.
De hiernavolgende html code dient voor het plaatsen van een plaatje in de rechterzijde van een bericht met links ervan tekst.
Kopieer de hiernavolgende code en plak deze in de bron (brontekst aanvinken) van een bericht. Vervang in de code PLAKhierURLvanPLAATJE door het internetadres van uw plaatje. Alle haakjes en aanhalingstekens moeten in de html aanwezig blijven.
Verwijder vervolgens in de editor boven het venster het vinkje achter BRONTEKST, zodat je opnieuw in het normale tekstvenster belandt. Het plaatje wordt dan zichtbaar. Indien gewenst kan je nu tekst typen, links van het plaatje.
Wil je tekst rechts van een afbeelding plaatsen, m.a.w. een plaatje links plaatsen met rechts ernaast tekst, vervang in bovenstaande code "right" door "left". Zie voorbeeld Hieronder de html code voor een tabel met daarin de html code voor het weergeven van een aanklikbaar plaatje met link naar een groot of ander plaatje en rechts ervan tekst. Ter info: eerst BRONTEKST aanvinken en pas daarna de code plakken.
<table align="left"> <tbody> <tr> <a href="URL_grootPlaatje" target="_blank"> <img src="URL_kleinPlaatje" border="0"></a> -- hier uw tekst typen -- </td> </tr> </tbody> </table>
Categorie:09. Plaatjes en tekst horizontaal uitlijnen
Ruimte aanbrengen boven en onder, links en rechts van een afbeelding
Met de attribuut:
vspace
kan je witruimte creëren boven en onder een afbeelding
Gebruik je de attribuut
hspace
dan bekom je ruimte links en rechts van een afbeelding
Soms gebeurt het dat we een plaatje in de zijkolom wat meer naar rechts willen plaatsen, zodat het niet tegen de linkerkant gedrukt staat.
Of dat we gewoon wat ruimte willen laten rondom of boven en onder of links en rechts naast een afbeelding in een bericht.
Ruimte boven en onder, links en rechts van een afbeelding
Dat kan je doen door de attributen vspace= of hspace= gevolgd door een getal dat de hoeveelheid opgeeft toe te voegen in de code voor het plaatsen van een afbeelding
Hieronder vind je de code voor het plaatsen van een afbeelding met ruimte rondom het plaatje
Vervang in de code: URL_plaatje door de URL van uw plaatje en vervang het getal bij vspace= en hspace= door een groter of kleiner getal al naar gelang de ruimte die je rondom je plaatje wilt creëren
Hoe groter het getal bij vspace= en hspace= hoe meer ruimte er rondom je plaatje zal zijn, hoe kleiner het getal, hoe kleiner de ruimte.
Hieronder vind je de code voor het plaatsen van een afbeelding met enkel ruimte links en rechts naast de afbeelding. (Dit is een ideale code voor het plaatsen van een plaatje in de zijkolom, indien je wilt dat het plaatje niet tegen de linkerkant aanleunt)
<img src="URL_plaatje" hspace=16 border=0>
Ook in bovenstaande code kan je de ruimte langs weerszijden van het plaatje aanpassen door het cijfer bij hspace te vervangen door een groter of kleiner getal.
Ter informatie Zorg er steeds voor dat in de code de aanhalingstekens vóór en na de URL van uw plaatje aanwezig blijven, alsook de haakjes bij het begin en het einde van de code. Verwijder of plaats geen bijkomende spaties in de code
De code dient in de BRONTEKST van een bericht geplakt (dus in de editor boven het typvak BRONTEKST aanvinken)KLIK HIER
Categorie:09. Plaatjes en tekst horizontaal uitlijnen
Om dit effect te maken, dient ieder plaatje over een internetadres (of URL genoemd) te beschikken Een URL kan je op eenvoudige wijze bekomen door de plaatjes van de harde schijf in een nieuw blogbericht toe te voegen onder: EXTRA'S > FOTO VAN HARDE SCHIJF > BLADEREN daarna eerst het bericht toevoegen om de URL van de plaatjes terug te vinden in de BRONTEKST van het bericht Vergeet niet een punt of tekst in het tekstvak te typen, alvorens te klikken op TOEVOEGEN Open vervolgens opnieuw het bericht en plak het hieronderstaand script in de BRONTEKST van uw bericht (dus eerst BRONTEKST aanvinken of op BRON klikken) Vervang in het script HIER_URL_VAN_FOTO1 door de URL van uw plaatje1 en ga zo door met het aanbrengen van de andere URL's voor Foto2, Foto3, Foto4 Vervang HIER_URL_VAN_VERWIJZING door de URL (hetzij het internetadres van een webpagina, fotoalbum, blog of andere) die moet openen, wanneer op het plaatje geklikt wordt
Opgelet: Dit javascript werkt enkel wanneer dit maar éénmalig voorkomt op een webpagina Plaatst dus geen twee van deze slideshows op uw blogpagina
Bestanden v/d harde schijf -als bijlage- toevoegen in een blogbericht in de middenkolom
Een bericht voorbehouden om bestanden v/d harde schijf naar te uploaden en de URL ervan te gebruiken .
Bestanden van de harde schijf als bijlage toevoegen aan een blogbericht in de middenkolom
Wens je een pps, flash movie, video, gif of jpg plaatje, word en/of excel document of ander bestand vanaf de harde schijf als bijlage toe te voegen aan een blogbericht in de middenkolom, dan kan dit gemakkelijk gebeuren in een bericht in de middenkolom van uw blog. De aanklikbare link naar het geüploadde bestand (bijlage) verschijnt dan onderaan in het blogbericht Een voorbeeld hiervan vind je onderaan in dit blogbericht Hierna de werkwijze: Voeg een nieuw bericht toe of open een bestaand bericht op uw blog. Typ minstens een teken in uw tekstvak, hetzij een punt, letter of cijfer, zodat uw bericht straks kan worden toegevoegd Scroll naar beneden onder EXTRA'S en ga naar OVERIGE BIJLAGEN VAN HARDE SCHIJF
Al naar gelang het aantal bestanden, dat je van de harde schijf als bijlage wilt toevoegen aan uw bericht, klik eerst zoveel keer op: VOEG NOG EEN BIJLAGE TOE, als er bestanden zijn, dat je wenst te uploaden Klik vervolgens op BLADEREN bij BIJLAGE 1 en duid op de harde schijf het bestand aan dat je wenst toe te voegen, zodat het pad naar het bestand verschijnt in het vak bij BIJLAGE 1
Wens je nog een bestand van de harde schijf toe te voegen, klik op BLADEREN bij BIJLAGE 2 en duidt het bestand op de harde schijf aan. Ga zo verder voor de overige bestanden van de harde schijf, die je als BIJLAGE 3 en volgende bijlagen wenst toe te voegen in hetzelfde bericht Klik vervolgens onderaan op TOEVOEGEN of WIJZIGEN Na het opslaan, zijn de bijlagen zichtbaar en aanklikbaar op uw blog of wanneer je klikt op BEKIJK BLOG
INFO 2
Een blogbericht in de middenkolom als bestandenmap gebruiken, voor het uploaden en bewaren van bestanden van harde schijf, met als doel, de URL van de bestanden te gebruiken op de blog. En dit blogbericht, in kladversie, met postdatum een jaar verder in de toekomst bewaren, zodat de bestandenmap niet zichtbaar is voor de bezoekers van de blog.
Om een URL aan te maken voor een plaatje of foto, powerpoint, video, swf, muziek, word of excel doc, ten einde deze te kunnen laten openen of weergeven op de blog, dien je NIET noodzakelijk gebruik te maken van een free file hosting provider, zoals imageshack, tinypic, photobucket, plaatjesupload, 4shared, mediafire en zo meer, om daar het bestand vanaf de harde schijf naar te uploaden. Je kan op een blog bij www.bloggen.be en/of op blog.seniorennet.be evengoed een bericht in de middenkolom van de blog speciaal voorbehouden, als een soort BESTANDEN-BERICHT, om er al dan niet onzichtbaar voor de bezoekers, allerlei bestanden van de harde schijf -als bijlage- naar te uploaden en zo een URL te bekomen voor elk van deze
Ieder bestand van de harde schijf -als bijlage- toegevoegd aan een blogbericht, beschikt over een unieke URL (=internetadres), welke in eender welk ander bericht in de midden- of zijkolom van uw blog kan gebruikt worden, om daar het bestand te openen of weer te geven. Zolang de bijlage zelf of het blogbericht waaraan het bestand van de harde schijf -als bijlage- werd toegevoegd niet verwijderd wordt, kan het plaatje of het bestand weergegevn worden op de blog Hou er dus best rekening mee: Eénmaal je een bijlage verwijdert, is ook de URL verwijderd en het plaatje, de pps, muziek of ander bestand, dat ooit als bijlage toegevoegd werd, nergens nog waarneembaar
Een blogbericht in de middenkolom kan je onzichtbaar maken voor de bezoekers, door het bericht in kladversie en/of met postdatum een jaar verder in de toekomst te bewaren. De postdatum van het bericht kan je ten alle tijde aanpassen en verlengen, door het bericht te openen en bij het heropslaan, opnieuw een jaar verder in de toekomst te plaatsen. De URL van het bestand, dat als bijlage werd toegevoegd aan een bericht in een afgeschermd blog, kan niettegenstaande dit bericht in de toekomst of in kladversie staat, toch gebruikt worden voor het weergeven of openen van het bestand in eender welk ander openbaar blogbericht op internet
Werkwijze voor het toevoegen van bestanden: Voeg een bericht toe of open een bestaand bericht, dat je hiervoor wens te gebruiken Vergeet niet minstens een punt of letter in het tekstvak te typen, indien je verder niets in het tekstvak wenst te typen
Onder het tekstvak bij EXTRA'S vind je: "OVERIGE BIJLAGEN VAN HARDE SCHIJF" Wens je maar één bijlage toe te voegen aan een bericht: klik op BLADEREN onder BIJLAGE 1, Duid het gewenste bestand op de harde schijf aan en klik op OPENEN, zodat het pad in het veld onder BIJLAGE 1 verschijnt
Wens je meerdere bestanden toe te voegen aan een bericht: klik dan eerst zoveel maal op: "VOEG NOG EEN BIJLAGE TOE", als er bestanden dienen toegevoegd te worden, alvorens te klikken op BLADEREN bij BIJLAGE 1 (zie hierboven)
Nadat in het vak bij BIJLAGE 1 het pad naar het eerste bestand is ingevuld, klik op BLADEREN bij BIJLAGE 2 en duid op de harde schijf het 2de bestand aan dat je bijkomend wenst toe te voegen en klik op OPENEN, zodat het pad naar dit bestand in het veld onder BIJLAGE 2 verschijnt Ga op dezelfde wijze te werk voor BIJLAGE 3 en volgende, tot alle gewenste bestanden van de harde schijf ingebracht zijn Klik daarna onderaan op TOEVOEGEN om het bericht op te slaan
Kies in het volgend werkblad dat opent voor "TERUG NAAR OVERZICHT GAAN"
Klik vervolgens op "BIJLAGEN BEKIJKEN"
Onder CHRONOLOGISCH OVERZICHT vind je de aanklikbare titels van de blogberichten, waaraan één of meerdere bijlagen met aanklikbare bestanden zijn toegevoegd
Om de URL van een bestand in bijlage te weten te komen en te kunnen kopieren Klik op de link van het bestand, zodat deze opent in uw browser In de adresbalk van uw browser kan je dan de URL van het bestand selecteren en kopieren,
Nog een andere mogelijkheid om de URL van een bestand te vinden is de volgende: klik met de rechtermuisknop op de link in bijlage en vervolgens op EIGENSCHAPPEN (zie screenshot hierboven)
Selecteer bij ADRES(URL) in het venster: EIGENSCHAPPEN (zie screenshot hieronder) de URL van het bestand, door met een ingedrukte linkermuisknop de muispijl van begin tot het einde over de volledige URL te slepen, waardoor deze in een donkere achtergrond komt te staan Rechtsklik in de geselecteerde URL en kies voor KOPIEREN
De URL van een bestand in bijlage kan je eveneens te weten komen op dezelfde wijze zoals hierboven beschreven, bij het openbaar bekijken van het bericht op de blog Een voorbeeld van bestanden als BIJLAGE toegevoegd in dit bericht, vind je helemaal onderaan in dit bericht, klik op de links in BIJLAGEN, rechtsklik op een bijlage > Eigenschappen > zie ADRES (URL).
Het aantal bijlagen dat per bericht kan toegevoegd worden is beperkt tot 10 bestanden, maar... na het toevoegen (opslaan) van het bericht kan hetzelfde bericht opnieuw geopend worden en kunnen in hetzelfde bericht opnieuw nog bijkomende bijlagen aan toegevoegd worden Opgepast: Een bestand dat groter is dan 5MB (hetzij 5120 kb) kan niet als bijlage worden toegevoegd
-------------------------------
Een bericht met bijlagen, welke je wenst voor te behouden om er bestanden in bijlage aan toe te voegen, kan je onzichtbaar maken voor de bezoekers van uw blog, door deze in kladversie te bewaren of nog beter, tegelijk ook met postdatum een jaar later in de toekomst te plaatsen Om een bericht in de toekomst te plaatsen, onzichtbaar voor de bezoekers op de blog: Open het bericht, scroll onderaan het tekstvak bij EXTRA'S naar beneden tot je komt aan DATUM BERICHT Plaats de POSTDATUM met behulp van de pijltjes naar een jaar later, daarna klikken op WIJZIGEN.
OPGELET bij het verwijderen van een bijlage in een bericht: Verwijder deze best in uw bericht zelf, onder EXTRA'S bij OVERIGE BIJLAGE VAN DE HARDE SCHIJF, door een vinkje te klikken bij het te verwijderen bestand, daarna onderaan het bericht klikken op WIJZIGEN om het bericht op te slaan Verwijderen kan je ook doen op het werkblad BIJLAGEN BEKIJKEN/VERWIJDEREN, door een vinkje te klikken bij het te verwijderen bestand en vervolgens te klikken op VERWIJDEREN, maar... let dan wel goed op, dat je NIET ja aanduidt bij "Wilt u AL uw bijlages wissen?" zoniet zijn alle bijlagen op uw blog verwijderd en is niets ervan nog zichtbaar op uw blog
HIERNA ENIGE BIJKOMENDE TOEPASSINGEN
Voor het weergeven van een afbeelding voorzien van een URL Kopieer de hieronderstaande HTML code Vink in de editor boven uw tekstvak BRONTEKST aan en plak de hieronderstaande HTML code in de Bron-tekstvak van een bericht
Een link maken om email te versturen - Aanklikbaar plaatje dat email opent
Heb je ook al gezien dat je op bijna alle websites een email-link kan aanklikken. Dat is ook zo op mijn website: http://www.sunbeams.be
Wanneer je klikt op "Email" opent uw email-programma met een nieuw bericht, daarin kan je zelfs het onderwerp al gereed invullen. Je dient nog enkel te schrijven wat je wilt mededelen en op "Verzenden" te klikken.
Mocht uw eigen emailprogramma niet automatisch openen, bij het klikken op een email-link ► KLIK HIER ◄ voor uitleg om aan dit probleem te verhelpen.
Een link maken om email te versturen
Op bijna iedere website of blog kan je een email versturen, hetzij via een emailformulier op de blog of site zelf, of hetzij via een email-link, waardoor uw email programma opent, zoals o.a. bvb.: outlook express.
Vervang in de code voornaam@provider.be door uw eigen emailadres en plak het geheel in de bron van uw blog of webpagina, waar je de email-link wilt plaatsen.
Een voorbeeld: Veronderstel dat uw emailadres is: janneman@gmail.com dan wordt uw html code:
<a href="mailto:janneman@gmail.com">Email-mij</a>
Zie hiernaast, doe de test ► Email-mij ◄ klik op de link
Voor wie een blog maakt bij blog.seniorennet.be of bloggen.be ► Log in, klik op PERSONALISEER ► Klik op het pijltje links of rechts van VRIJE TEKST/HTML ► Vink eerst in de editor boven het tekstvak het woord BRONTEKST aan ► Plak daarna de hierboven vermelde html code ► Vervangvoornaam@provider.com door uw emailadres. ► Klik het vinkje terug weg achter het woord BRONTEKST ► en klik op TOEVOEGEN ► Doe maar eens de test
Een aanklikbaar plaatje met email-link Klik even op de afbeelding
Hierna vindt u 2 mogelijkheden voor het plaatsen van een email-link met behulp van een aanklikbaar plaatje:
1 ste manier:
► Kopieer de hieronderstaande html code voor het bekomen van een aanklikbaar plaatje met link om email te verzenden
► Vink eerst BRONTEKST aan (tekstvak wordt nu brontekstvak) ► Plak de html code in het brontekstvak van het bericht ► Vervang in de code: EMAILADRES door uw eigen emailadres URLvanPlaatje door de URL van uw plaatje
► Verwijder daarna het vinkje bij BRONTEKST en bekijk het resultaat ► Voeg uw bericht toe en doe de test
2de manier:
►Vink eerst BRONTEKST aan, zodat uw tekstvak verandert in een brontekstvak ►Plak in de BRONTEKST de hieronderstaande html code voor het weergeven van uw plaatje
<IMG src="URLvanPLAATJE" border=0>
►Vervang in de code URLvanPLAATJE door de URL van uw plaatje ► Klik het vinkje terug weg bij BRONTEKST
of
Klik op PERSONALISEER ► VRIJE TEKST/HTML
► Klik op het icoontje met het kadertje
► Plak bij LOKATIE de URL van uw plaatje en klik op IS GOED ZO
Uw plaatje staat nu op uw blog Nu dient u nog de link te maken naar uw emailadres
►Selecteer eerst uw plaatje ►Klik vervolgens op het icoontje met de schakel
►Het venster HYPERLINCK MAKEN/BEWERKEN opent ►Wacht geduldig tot er wat tekst in het lege venster verschijnt
►Typ in de vakjes bij: (zie voorbeeld hieronder) LINK: mailto: gevolgd door uw emailadres DOEL: nieuw HINT: de tekst die dient te verschijnen, wanneer men de muis boven het plaatje houdt
►Klik vervolgens op IS GOED ZO
Succes
Categorie:23. Linken maken - naar emailadres - binnen de blogpagina - favorietenlijst enz
Een excell document aanmaken en op blog laten aanklikken om te bekijken
Een excell document aanmaken met en op de blog laten aanklikken
Klik op het document om verder te bekijken
Bezit je een google account of gmailadres (gratis aan te maken), dan kan je gebruik maken van http://docs.google.com/ en zelfs online uw excell document aanpassen, zonder iets te moeten wijzigen op de blog, Het document kan ook door meedere personen tegelijk bewerkt worden, indien je daarvoor de toelating geeft
Gehele of gedeeltelijke overname van mijn uitleg, plaatsing op andere sites, blogs, forums, mailgroepen, verveelvoudiging op welke andere wijze dan ook, is NIET toegestaan zonder mijn uitdrukkelijke schriftelijke toestemming.
Mijn uitleg raadplegen en HTML-codes kopieren om toe te passen op eigen blog/site is toegelaten, maar echter NIET om deze op eigen beurt te gaan publiceren op eigen blog/site, in mailgroepen of op fora.
Wil hierbij, via email ook uw blog of website mededelen
MAILINGSLIJST
Vul in het vak hieronder je e-mail adres in en klik op onderstaande knop om je in te schrijven voor het ontvangen van een beperkt aantal nieuwsbrieven.
Druk op onderstaande knop om een reactie na te laten in mijn forum en plaats uw blogadres (URL) in het tekstvak van het bericht,
alsook in het vak bij URL, Niet in het vak bij Titel, daar dient de titel niet voor.
Vervang in de code: URLblog door de URL (interneadres) van uw blog. Vervang URLplaatje door de URL van uw plaatje
3) Kopieer en plak de code in een Gastenboek of forum bericht, waar geen editor aanwezig is Voor uitleg: Klik Hier ----------- In Gastenboek met editor Eerst Brontekst aanvinken, daarna de code plakken. Klik Hier
BLOGDESK Forum Veel gestelde vragen Hulp nodig! We helpen je graag Typ hier uw probleem
Druk op onderstaande knop om uw vraag achter te laten in het gastenboek van de blogdesk, dat als forum dienst doet. Je vindt daar ook zo snel als mogelijk het antwoord op uw probleem.
Het antwoord op veel gestelde vragen vind je hier:
E-mail mij
Druk op onderstaande knop om mij te e-mailen. Wil tegelijk hierbij ook uw blogadres vermelden, a.u.b.!
Ben je tevreden! Dan vind ik het fijn, mocht je mijn blog BLOGTIPS willen toevoegen aan uw Favorieten in uw blog
Hoe dit te doen?
Doe je mee aan BUTTON-LINK-RUIL
mijn button/link op uw blog = uw link in mijn favorietenblog, aanklikbaar, op elk van mijn blogs
Keuze uit verschillende buttons met codes, klik op
Op zoek naar bewegende animatie gifplaatjes? Hieronder kan je enige sites aanklikken
Wil je zo'n plaatje op je blog? Klik met de rechtermuisknop op een plaatje en dan op OPSLAAN ALS Verdere informatie vind je op dit blog, klik bv. HIER en HIER
Heb je een blogprobleem en kan je momenteel geen email versturen, via de email-mij knop op dit blog!!! Blogvrienden, teken eerst het gastenboek en verstuur uw mail daarna hier rechtstreeks
Schrijf je in voor het ontvangen van mijn NIEUWSBRIEVEN
MAILINGSLIJST
Vul in het vak hieronder je e-mail adres in en klik op onderstaande knop om je in te schrijven voor het ontvangen van een nieuwsbrief. Graag verneem ik ook via email, welke uw blog of website is
Geef je e-mail adres op en klik op onderstaande knop om je in te schrijven voor het ontvangen van een nieuwsbrief.
Mag ik vragen om tegelijk ook een privé mailtje te sturen, via de email-mij button op dit blog met vermelding van uw blog of website.
Het is altijd leuk te weten bij wie mijn nieuwsmail terechtkomt.
Hartelijk dank hiervoor.
Hoeveel bytes groot en hoeveel pixels breed je plaatje of button is, kan je hier te weten komen: KLIK HIER
Kom jij ook bij ons vriendengroepje "Weetjes"! Uw eigen nieuwe PPSx, PSP of PS creaties aankondigen en elkaar nuttige info in onze groep doorgeven! Dat kan! Geïnteresseerd! Word linkpartner van mijn blogs en website en meld je aan voor deelname aan onze groep. Vergeet hierbij niet uw blog en website mede te delen.