Foto (of afbeelding) (klikbaar) aan blog toevoegen

Foto (of afbeelding) (klikbaar) aan blog toevoegen


settings
  • Instellingen
  • Positie

    Automatische scrolling

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:

 


Beoordeel

Reviews en Reacties:

5.0 / 5 (21 reviews)
expand_more
Verberg reacties
Leuk alles wat er zoal kan hier ja, dank
| 21:34 |
Graag gedaan.
| 21:42 |
Dank je wel voor de zeer duidelijke uitleg!
| 09:05 |
Graag gedaan!
| 12:33 |
Zoals gewoonlijk: duidelijk & uitvoerig uitgelegd. Dank!😄
| 14:42 |
Bedankt!  Graag gedaan!
| 14:50 |
Alweer mooi uitgelegd!
| 14:26 |
Dank u zeer!
| 14:50 |
Is me al duidelijk. Via html-code!!
| 08:42 |
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 😉

yoo.rs/kimsblog/blog/diy-lightbox-action-1521550715.html?Ysid=34302
| 07:42 |
Eerst was dat een optie.
Je kunt wel de bouwsteen Nodig lid uit aanpassen. De link veranderen bijv.
| 07:56 |
Oke, das dan wel jammer haha. Dank je wel voor de uitleg! 
| 08:01 |
Ik was al erover aan het denken om dat laatste te verduidelijken. "Hoe link je naar externe websites via uitnodiging lid" of zoiets.
| 08:05 |
Is een optie, ik zou zeggen doen haha
| 08:06 |
Heb ik al ergens in verwerkt, weet op dit moment zelf niet meer waar (slecht geslapen haha)
| 08:29 |
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.
| 08:41 |
Zijn er ook beperkingen (behalve de wettelijke bepalingen) met betrekking tot wat je deelt ?
| 17:42 |
Bij twijfel beheer benaderen.
| 17:45 |
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!
| 13:13 |
Werkt dat bij jou wel?
| 13:14 |
Weet ik niet, heb ik net wel geprobeerd bij: 'enkele afbeelding', daar heb ik op het plusje geklikt maar er gebeurde niks. Bij de header nog nooit geprobeerd.
| 14:11 |
Het plusje bij de afbeelding (niet de header) is niet voor het vergroten, maar het dupliceren.
| 14:32 |
O, ja natuurlijk. Is ook zo.
| 14:33 |
Bedankt voor de tips
| 17:29 |
Graag gedaan!
| 17:35 |
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
| 20:13 |
Graag gedaan! Dank je wel, jij ook fijne feestdagen!!
| 20:21 |
heldere en duidelijke uitleg
| 16:19 |
Bedankt Betina!
| 16:26 |
Handige en duidelijke uitleg, bedankt!
Ik kon wel wat hulp gebruiken haha
| 06:57 |
Dan heb je vast ook wat aan de rest van de uitleg, zie inhoudsopgave.
| 08:05 |
dankjewel voor de info! top!
| 20:18 |
Graag gedaan!
| 21:55 |
Leuke instructies en duidelijk ... alleen vraag ik me wel af of je moet vermelden waar je de materialen vandaan hebt?
| 16:25 |
Bronvermelding is verstandig
| 16:29 |
Dat dacht ik ook wel. Thnx
| 16:31 |
Dank u beleefd voor deze tips.
| 10:37 |
Het is mij een genoegen.
| 11:37 |
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
| 10:01 |
Wat leuk! Dank je! En succes :)
| 10:07 |
Het vergroten of verkleinen van de foto bovenaan een blog werkt bij mij ook niet.
| 11:33 |
En ook bij de afbeeldingen die je kan invoegen kan ik niet verkleinen
| 11:35 |
Dan vooraf aan uploaden verkleinen...
| 11:51 |
Superhandig, kan ik dit ook ergens opslaan zodat ik het weer terug kan vinden?
| 11:13 |
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.
| 19:28 |
Dank je wel voor deze nuttige info ;-)
| 16:26 |
Graag gedaan
| 17:06 |
"Met + of - zou je de foto groter of kleiner kunnen weergeven" werkt bij mij ok niet. Ik denk bij niemand niet
| 14:11 |
Geen idee... het staat er dus ik wou het in elk geval noemen :)
| 14:14 |
ja nee, ik nam even die zin als voorbeeld voor mijn antwoord naar jou LOL
| 14:41 |
Nee ik doelde niet op jouw citaat hihi. Gewoon op het feit an sich dat ik het over + en - had ;)
| 15:31 |
Ok! hahahaha
| 15:37 |
;)
| 15:38 |
goeie tips ! bedankt , ik ga je volgen .... jij mij ook??
| 14:01 |
Bedankt! Ja is goed :)
| 14:15 |
Die laatste tip vind ik helemaal goed van je! Top gedaan weer.
| 12:41 |
Dank je wel!
| 12:51 |

private lease goedkoop
private lease goedkoop
Fashion & Lifestyle
Onderzoeken
Gezondheid & Geest
Vegan haren wassen
Vegan haren wassen
Dier, Tuin & Natuur
Kooikersplas Houten
auto leasen
auto leasen
 
×

Yoors


exit_to_app Inloggen