Je vindt me ook op

Tweets op een webpagina tonen – je favorieten

teaser

Tweets op een webpagina tonen – je favorieten

Profileer jezelf door te laten zien wat jouw favoriete tweets zijn.

In een eerder bericht (Tweets op een webpagina tonen – eigen tweets) zagen we hoe je een ‘widget’ voor persoonlijke tweets maakt om die ergens op je website te plaatsen. Onderstaande procedure is vrijwel gelijk, maar heeft een ander doel: jezelf profileren door te laten zien welke tweets jij interessant genoeg vindt om als ‘favoriet’ te markeren.

Doel

  • Een tweetsblok op een webpagina tonen met tweets die je als jouw favoriet hebt gemarkeerd

Hoe doe je dat?

  • Door een blok met code te genereren (een ‘widget’) die je als html-tekst plakt op de plaats waar je het tweetsblok wilt hebben

Hieronder wordt uitgelegd hoe je de gewenste code genereert.

Volg onderstaande stappen om een widget te maken die je persoonlijke recente tweets toont.
  • Ga naar http://twitter.com/widgets/
  • Kies onder ‘Widgets for…’: My Website
  • Kies Faves Widget
  • Doorloop de instellingen: Settings, Preferences, Appearance,
    Dimensions

Settings

  • Je twitternaam (Username)
  • Title
  • Caption

Preferences

  • Include scrollbar: ‘Yes’, tenzij je maar één of enkele tweets wilt tonen en je onder ‘Dimensions’ voldoende hoogte daarvoor hebt gegeven
  • Bij Behavior: Load all tweets (en geef aan hoeveel ‘all’ is)

Als je in plaats van een stilstaande weergave een ‘rollende’ weergave wilt (zoals in de rechter zijbalk op deze pagina), dan heb je geen scrollbalk nodig en kies je voor:

  • Timed Interval; als je dat doet kun je nog instellen
  • Loop results: of de reeks tweets opnieuw voorbij moet komen als alle tweets gepasseerd zijn
  • Tweet Interval: de tijd in seconden tussen het verschijnen van de afzonderlijke tweets
  • Show Avatars kun je hier beter wél aanvinken, omdat tweets van veel verschillende personen afkomstig kunnen zijn
  • Show Timestamps en Show hashtags: spreekt voor zich

Appearance

  • Kies kleuren voor de verschillende onderdelen
  • shell background is de achtergrond van de boven- en onderbalk
  • tweet background is de achtergrond van het tekstvak met tweets

Dimensions

  • Stel hoogte en breedte in:
  • als je het tweets-blok in een zijbalk wilt laten verschijnen zul je een smal blok willen hebben
  • als je het tweetsblok op een pagina wilt hebben kun je het breder maken, zoals hieronder

Test Settings

  • Je ziet het resultat van je instellingen, maar niet de gekozen breedte en hoogte

Finish and Grab Code

  • Selecteer alle code, en kopieer die
  • Plak de code (als html) op de plek waar je het tweetsblok wilt hebben, zoals hieronder


Zie ook Twitterfeed op je website

Je kan naar dit artikel verwijzen op sociale netwerken:
About Author

Rob le PairDocent - onderzoeker Radboud Universiteit Nijmegen; favoriete thema's op deze site: Persuasive communication, Eindhoven-Philipsdorp, WordPress-design, gebruik van sociale media, running experiences, gardening.View all posts by Rob le Pair →

Leave a Reply