Geschreven door Iren Nooren op Monday 30 January 2012

Beeld toevoegen Facebook-welkomspagina in 2 stappen

welkomspagina bij facebook plaatje toevoegen

De welkomspagina van de Facebookpagina van Memento Vivi _ grafisch ontwerpbureau

Hieronder volgt een stappenplan om een afbeelding en/of link te plaatsen op je Facebook-welkomspagina.
Een welkomspagina kun je toevoegen aan je Facebook pagina door de app Static XFBML te gebruiken. Lees hoe je de app Static XFBML kunt toevoegen aan de Facebookpagina

Als je de app hebt toegevoegd aan je Facebook-pagina krijg je een scherm ‘tab text – general body content’ van Static XFBML:

welkomspagina instellen facebook

1. Plaats je een broncode* in het scherm.

Overzicht van broncodes

*Om een beeld toe te voegen op een simpele manier, gebruik je deze code:
<img src=”locatie-van-de-afbeelding.jpg“/>

*Om een beeld toe te voegen dat beter vindbaar is voor google:
<img title=”titel van het plaatje” src=”locatie-van-de-afbeelding.jpg” alt=”titel van het plaatje“/>

*Om een beeld toe te voegen dat beter vindbaar is voor google en vaste afmetingen heeft:
<img title=”titel van het plaatje” src=”locatie-van-de-afbeelding.jpg” alt=”titel van het plaatje” width=”510” height=”510“/>
Soms is de foto te groot om te gebruiken. Je kunt de afbeeldingen met de tags ‘width’ en ‘height’ verkleinen. De eenheden zijn pixels. Een afbeelding vergroten is geen optie; dat komt niet ten goede van de beeldkwaliteit. Zorg dat de verhouding tussen de hoogte en breedte van de afbeelding gelijk blijft met het origineel.

*Om een beeld toe te voegen dat beter vindbaar is voor google, vaste afmetingen en een link heeft:
<a href=”http://www.link-naar-jouw-website-oid.com” title=”titel van de website” target=”_blank”><img title=”titel van het plaatje” src=”locatie-van-de-afbeelding.jpg” alt=”titel van het plaatje” width=”510″ height=”510″/></a>

*Om een tekstlink toe te voegen:
<a href=”http://www.link-naar-jouw-website-oid.com” title=”titel van de website” target=”_blank”>tekst die aanklikbaar is</a>

*Om een tekst op een andere regel te zetten kun je de tag <br/> gebruiken.

*Om een tekst of afbeelding in het midden te plaatsen gebruik je voor de tag van het plaatje <p style=”text-align: center;”>. Vergeet niet om aan het eind een afsluiting </p> te plaatsen. (zie ook de laatste afbeelding).

De roze teksten dien je aan te passen.

2. De link van de afbeelding invoegen in de broncode

De afbeelding moet al op internet staan.
• Je kunt een afbeelding nemen die geplaatst is op je eigen website of blog.
• Je kunt een afbeelding nemen die geplaatst is op je facebookpagina, bijvoorbeeld in je Facebook-fotoalbum staat.

Open afbeelding nieuw tab scherm

Als je de afbeelding hebt geplaatst op je website/facebookpagina klik je met de rechtermuisknop op de afbeelding. Er verschijnt een menu. Klik op ‘View image’ om de afbeelding te openen in een nieuw scherm.

selecteer kopieer locatie afbeelding internet

Selecteer en kopieer de locatie van de foto in het scherm van je browser (zie pijl).

link plakken broncode html

Plak deze locatie in plaats van de locatie-van-de-afbeelding.jpg in de broncode.

Indien je de vindbaarheid wilt verbeteren, geef je de afbeelding een titel en kopieer je deze ook bij de alt-tag (zie verschillende *broncodes).
Eventueel kun je het plaatje een link geven naar je eigen website. Je kopieert dan de laatste optie van de bovenstaande *broncodes en plaats jouw domein bij a href=….

.

Heb je vragen, opmerkingen of aanvullingen?
Reageer op dit bericht
of stuur een mail naar info@memento-vivi.com

Geïnteresseerd in de mogelijkheden van Facebook?

Like Memento Vivi op Facebook of
lees één van de onderstaande berichten:

Leave a Reply