×

Yoors


exit_to_app Inloggen

camera_alt
Afbeelding toevoegen
60
Foto (of afbeelding) (klikbaar) aan blog toevoegen

Foto (of afbeelding) (klikbaar) aan blog toevoegen


Je wilt een blogartikel op Yoors aankleden met afbeeldingen of foto's? Dat kan met een aantal bouwstenen uit de blog-editor.
En het leuke is dat je er meer dan één kunt plaatsen, op diverse manieren.

Hoe kun je een afbeelding (of foto) in je blog plaatsen.

Eerst zorg je dat je rechtenvrije afbeeldingen hebt. Daarover schreef ik in dit artikel:


De header (foto helemaal bovenaan):

Om je blog een mooie bovenkant te geven ga je een header kiezen of uploaden.
Onder de kopfoto zie je icoontjes staan:

De blauwe is de knop om zelf een foto te uploaden.

Uploaden is toevoegen uit je eigen bestanden (op je desktop bijvoorbeeld).Als je er op klikt kun je de bestandslocatie kiezen.Kies dan de foto die jij wilt plaatsen.Wacht even tot de foto wordt weergegeven.

Met + of - zou je de foto groter of kleiner kunnen weergeven (bij mij werkt dat niet).
Verschuif eventueel dat het gewenste gedeelte zichtbaar is. Klik vervolgens op "Ok" linksboven aan de foto.
Met de groene knop kun je een random (willekeurige) foto kiezen die Yoors als kopfoto's ter beschikking stelt. Met de oranje knoppen blader je vooruit of achteruit door die foto's.

Je kunt er ook zelf een maken. Bijvoorbeeld met Paint.net:

Sanderr stelt deze ter beschikking:

en Knutseljuf Ede deze:


Dan de rest van je blogartikel

In de blog-editor zijn diverse bouwstenen waarmee je afbeeldingen aan je weblog kunt toevoegen.
Onderstaand staan ze toegevoegd als voorbeeld:

Wil je een kleine afbeelding met tekst in je blog?

Gebruik dan deze bouwsteen.
De afbeelding komt dus aan de rechterkant van je tekst te staan.

Of gebruik deze bouwsteen.
De afbeelding komt dan links van je tekst te staan.

Of wil je een grote afbeelding in je blog verwerken?

Gebruik dan deze bouwsteen:

Als je daar een keer op klikt verschijnen er blokjes op de hoekpunten en in het midden van de randen.
Dan kun je het dus nog verkleinen naar gewenste grootte.

Twee afbeeldingen naast elkaar kan met deze bouwsteen:

Ook kun je 3 afbeeldingen naast elkaar plaatsen.

 Met de bouwstenen met of zonder tekst eronder.

Hier zou tekst kunnen staan.

Of hier...

En/of hier kun je ook een bijschrift typen.

Ronde afbeelding

Mooi voor onderaan een blog (vind ik): een afbeelding, bijvoorbeeld jouw profielfoto en daaronder bijv. je naam.

Hier vul je een titel in
 

Hier kan ook tekst worden getypt.

Galerijen met 2, 3 of 4 afbeeldingen zijn ook een optie

Ook verdeellijnen (scheidingen, separators) zijn mogelijk.

Een aantal zijn door De Knutseljuf Ede gemaakt:

In de blog-editor vind je die, evenals de standaard scheidingslijnen, terug in het gedeelte "Scheiding":

En wat kun je dan met zo'n blok?

Schuif de gewenste bouwsteen voor afbeeldingen naar de plek waar je die wilt plaatsen in het blogartikel.
Klik op de afbeelding die er al in staat. In het schermpje dat verschijnt weer op de afbeelding klikken.
Dan kun je de door jouw gewenste afbeelding uploaden.

Gedeeltelijk verwijderen zou ook kunnen.

Stel je wilt een galerij van 4 afbeeldingen plaatsen, maar alleen links en rechts een afbeelding tonen.
Dan haal je de middelste 2 weg door op "Delete" te klikken als je er op staat.

Afbeelding klikbaar maken?

Als je een willekeurige scheidingslijn plaatst, en er met de muis over beweegt, zie je een schakeltje staan.
Dat is om er een link aan te koppelen.
Ook zie je daar een knopje met Fototoestel. Je kunt de afbeelding vervangen voor een eigen afbeelding.
Zo kun je dus een afbeelding klikbaar maken..!

Wist je dat je ook een losse foto op Yoors kunt plaatsen?

Leuk voor (hobby)fotografen.


Meer uitleg over Yoors staat hier:

De blog-editor bevat nog veel meer bouwstenen om je blog te 'pimpen':

 

Bijgewerkt 10-07-2018


Word gratis, eenvoudig en anoniem Yoorslid:

 



Ingrid Tips en meer
Intussen is er het e.e.a. gewijzigd. DidI'Ms world maakte een andere uitleg hierover:
11-11-2018 09:49
11-11-2018 09:49 • Reageer
Karin van der Straaten
Leuk alles wat er zoal kan hier ja, dank
10-07-2018 21:34
10-07-2018 21:34 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan.
10-07-2018 21:42
10-07-2018 21:42 • Reageer
Els Vergaerde
Dank je wel voor de zeer duidelijke uitleg!
25-04-2018 09:05
25-04-2018 09:05 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan!
25-04-2018 12:33
25-04-2018 12:33 • Reageer
Soberana
Zoals gewoonlijk: duidelijk & uitvoerig uitgelegd. Dank!😄
21-04-2018 14:42
21-04-2018 14:42 • 1 reactie • Reageer
Ingrid Tips en meer
Bedankt!  Graag gedaan!
21-04-2018 14:50
21-04-2018 14:50 • Reageer
Katrien
Alweer mooi uitgelegd!
21-04-2018 14:26
21-04-2018 14:26 • 1 reactie • Reageer
Ingrid Tips en meer
Dank u zeer!
21-04-2018 14:50
21-04-2018 14:50 • Reageer
Ingrid Tips en meer
Is me al duidelijk. Via html-code!!
10-04-2018 08:42
10-04-2018 08:42 • Reageer
DiaantjesLife
Ik kwam er toevallig achter dat in dit blog, de foto's na aanklikken direct naar een website verwezen. Ideaal dus voor mijn creaties! Ik heb (nog) niet kunnen ontdekken hoe ik dit moet doen. Testblog gemaakt en vanalles geprobeerd, maar noppes. Weet jij het toevallig wel en/of kun jij daar een info blog over maken? Zou een mooie aanvulling in jouw reeks zijn, vandaar de vraag bij jou neergelegd 😉 https://yoo.rs/kimsblog/blog/diy-lightbox-action-1521550715.html?Ysid=34302
10-04-2018 07:42
10-04-2018 07:42 • 2 reacties • Reageer
Ingrid Tips en meer
Hm, het blog dat je noemt is recent... dus het moet nog mogelijk zijn. Je kunt het de dame in kwestie vragen, maar ik ga even kijken hoe ze dat deed.
10-04-2018 08:41
10-04-2018 08:41 • Reageer
Ingrid Tips en meer
Eerst was dat een optie. Je kunt wel de bouwsteen Nodig lid uit aanpassen. De link veranderen bijv.
10-04-2018 07:56
10-04-2018 07:56 • 1 reactie • Reageer
AJ
Zijn er ook beperkingen (behalve de wettelijke bepalingen) met betrekking tot wat je deelt ?
04-04-2018 17:42
04-04-2018 17:42 • 1 reactie • Reageer
Ingrid Tips en meer
Bij twijfel beheer benaderen.
04-04-2018 17:45
04-04-2018 17:45 • Reageer
'Klein'
Goh, toch nog weer dingen die ik niet wist, zoals de afbeelding groter of kleiner maken bij het maken van de header. Dank je wel!
25-01-2018 13:13
25-01-2018 13:13 • 1 reactie • Reageer
Ingrid Tips en meer
Werkt dat bij jou wel?
25-01-2018 13:14
25-01-2018 13:14 • 1 reactie • Reageer
Gerrit112ph
Bedankt voor de tips
24-01-2018 17:29
24-01-2018 17:29 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan!
24-01-2018 17:35
24-01-2018 17:35 • Reageer
Diana-01
Bedankt voor de uitleg ik was een tijdje er niet meer mee bezig geweest en heb nu weer een computer. Op de mobiel vind ik niks aan en heb dat wel gedaan maar ben blij met de pc. Thanks en fijne feestdagen
07-12-2017 20:13
07-12-2017 20:13 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan! Dank je wel, jij ook fijne feestdagen!!
07-12-2017 20:21
07-12-2017 20:21 • Reageer
Betina
heldere en duidelijke uitleg
06-12-2017 16:19
06-12-2017 16:19 • 1 reactie • Reageer
Ingrid Tips en meer
Bedankt Betina!
06-12-2017 16:26
06-12-2017 16:26 • Reageer
Daantje l
Handige en duidelijke uitleg, bedankt! Ik kon wel wat hulp gebruiken haha
16-11-2017 06:57
16-11-2017 06:57 • 1 reactie • Reageer
Ingrid Tips en meer
Dan heb je vast ook wat aan de rest van de uitleg, zie inhoudsopgave.
16-11-2017 08:05
16-11-2017 08:05 • Reageer
lynnfitbalance
dankjewel voor de info! top!
08-10-2017 20:18
08-10-2017 20:18 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan!
08-10-2017 21:55
08-10-2017 21:55 • Reageer
sandradoeswijk
Leuke instructies en duidelijk ... alleen vraag ik me wel af of je moet vermelden waar je de materialen vandaan hebt?
11-05-2017 16:25
11-05-2017 16:25 • 1 reactie • Reageer
Ingrid Tips en meer
Bronvermelding is verstandig
11-05-2017 16:29
11-05-2017 16:29 • 1 reactie • Reageer
Referendaris
Dank u beleefd voor deze tips.
04-05-2017 10:37
04-05-2017 10:37 • 1 reactie • Reageer
Ingrid Tips en meer
Het is mij een genoegen.
04-05-2017 11:37
04-05-2017 11:37 • Reageer
Agnetha Love
Fijn jou uitleg! Bij mij werkt die kopfoto ook niet en schuiven werkt ook vaak niet ik doe alles trouwens op me telefoon.. Ben Henk Jan nu al dankbaar voor de tip!! Ik ga er vanavond toch maar even voor zitten aangezien ik toch wel serious een blogje/ vlog wil gaan starten hier en op you tube extra info neem ik graag in me op top tips!! Ik ga je meteen volgen xoxo Agneet
04-05-2017 10:01
04-05-2017 10:01 • 1 reactie • Reageer
Ingrid Tips en meer
Wat leuk! Dank je! En succes :)
04-05-2017 10:07
04-05-2017 10:07 • Reageer
Bodycoach
Het vergroten of verkleinen van de foto bovenaan een blog werkt bij mij ook niet.
02-05-2017 11:33
02-05-2017 11:33 • 2 reacties • Reageer
Ingrid Tips en meer
Dan vooraf aan uploaden verkleinen...
02-05-2017 11:51
02-05-2017 11:51 • Reageer
Bodycoach
En ook bij de afbeeldingen die je kan invoegen kan ik niet verkleinen
02-05-2017 11:35
02-05-2017 11:35 • Reageer
Lia van den Berg
Superhandig, kan ik dit ook ergens opslaan zodat ik het weer terug kan vinden?
26-04-2017 11:13
26-04-2017 11:13 • 1 reactie • Reageer
Ingrid Tips en meer
Onderdaan de uitleg staat "inhoudsopgave", daar staat al mijn Nederlandstalige uitleg over Yoors verzameld. Misschien kun je die opslaan in je favorieten. Volg anders de tag "Yoors uitleg", daar plaats ik telkens eventuele nieuwe uitleg.
26-04-2017 19:28
26-04-2017 19:28 • Reageer
SoulandMind
Dank je wel voor deze nuttige info ;-)
18-03-2017 16:26
18-03-2017 16:26 • 1 reactie • Reageer
Ingrid Tips en meer
Graag gedaan
18-03-2017 17:06
18-03-2017 17:06 • Reageer
sylbibj
"Met + of - zou je de foto groter of kleiner kunnen weergeven" werkt bij mij ok niet. Ik denk bij niemand niet
07-03-2017 14:11
07-03-2017 14:11 • 1 reactie • Reageer
Ingrid Tips en meer
Geen idee... het staat er dus ik wou het in elk geval noemen :)
07-03-2017 14:14
07-03-2017 14:14 • 1 reactie • Reageer
Nicole de Ridder
goeie tips ! bedankt , ik ga je volgen .... jij mij ook??
07-03-2017 14:01
07-03-2017 14:01 • 1 reactie • Reageer
Ingrid Tips en meer
Bedankt! Ja is goed :)
07-03-2017 14:15
07-03-2017 14:15 • Reageer
lekkerereceptenvoor2
Die laatste tip vind ik helemaal goed van je! Top gedaan weer.
07-03-2017 12:41
07-03-2017 12:41 • 1 reactie • Reageer
Ingrid Tips en meer
Dank je wel!
07-03-2017 12:51
07-03-2017 12:51 • Reageer
notifications_noneadd
26-05-2017 10:17
1 volger , 2 antwoorden
2 antwoorden