Je vindt me ook op

Tweets op een webpagina tonen – eigen tweets

teaser

Tweets op een webpagina tonen – eigen tweets

Profileer jezelf door je tweets te laten zien.

Doel

  • Een tweetsblok met je recente persoonlijke tweets op een webpagina tonen (variant: je favoriete tweets tonen, zie Tweets op een webpagina tonen – je favorieten)

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 Profile Widget
  • Doorloop de instellingen: Settings, Preferences, Appearance,
    Dimensions

Settings

  • Je twitternaam

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 uitlaten, elke tweet zou anders hetzelfde plaatje krijgen
  • 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 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