Twitterfeed op je website

Hoe neem je een twitter feed op in je website?

Beginsituatie

  • Je hebt de benodigde code al opgehaald en tijdelijk in een teksteditor geplakt
    (hoe je dat doet staat beschreven in de berichten Tweets op een webpagina tonen – je favorieten en Tweets op een webpagina tonen – eigen tweets
  • Je hebt een website editor (in dit geval Rapidweaver)
  • Ik maak gebruik van de mogelijkheid om in het thema (seyDoggy Sleeker) de zogenaamde ExtraContent ruimte te benutten, in dit geval een voettekst met twee kolommen. Maar het werkt in elke ander editotr  want er wordt een eenvoudig javascript code als html geplakt.
De javascript code als html geplakt in de content area

In de Screencast zie je achtereenvolgens

  • de javascript code wordt als html geplakt in de Extra content;
    eerst de eigen tweets die in de linkerkolom terecht gaan komen
    daaronder de code voor ‘mijn favoriete tweets’ die in de rechterkolom terecht gaan komen;
  • In de themakenmerken wordt activering van Extra content aangezet: de radiobutton ‘show’ in plaats van ‘hide’;
  • het resultaat zie je al in de editor (preview);
  • de pagina wordt geüpload, en in de browser zie je de gepubliceerde pagina met in de ‘footer’ de twee twitter feeds;

[flickrvideo width=”580″ height=”430″]http://www.flickr.com/photos/roblepair/4363020345/[/flickrvideo]

Je kan naar dit artikel verwijzen op sociale netwerken:

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *