Laatste tweets op je website weergeven

Ik weet het hier is al een anderen tutorial over voor je begint lees eventjes wat hier anders aan is!

Je hebt de volgende stukken code nodig:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Klik4Hits.json?callback=twitterCallback2&count=1"></script>

Zoals je ziet staat in een van de 2 javascript aanroepen parameters (http://twitter.com/statuses/user_timeline/Klik4Hits.json?callback=twitterCallback2&count=1)
Hierbij kun je count (aantal tweets) veranderen naar het aantal tweets dat hij moet ophalen en Klik4Hits moet je verandern naar je gebruikersnaam (Hoofdletter gevoelig)

Vervolgens komt het HTML gedeelte:

<ul id="twitter_update_list"></ul>

Dit is alles wat je nodig hebt om de tweets op te halen, plaats dit stukje html op de plaats waar je je tweets wenst te hebben.

Het leuke aan dit script is dat je hem makkelijk kan custumize met leuke kleuren e.d

Zoals bijvoorbeeld de hashtags, tijd, username urls een kleurtje geven:

#twitter_update_list span a {
text-decoration: none;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #222222;
}

Of de li een style geven :

#twitter_update_list li {
list-style-type: none;
}

Of met de tekst decoratie rommelen:

#twitter_update_list span {
color: #FFAA00;
background: #000000;
}

Voor de mensen die een voorbeeldje willen: [Knip] (Onder in in de footer, hashtags en usernames worden ook urls)
Ik hoop dat jullie hier wat aan hebben, suggesties altijd welkom

Heel handig!

Dit heb je op twitter toch ook ?

August schreef:

Dit heb je op twitter toch ook ?

Hoe bedoel je? ik kan dit zo 123 nergens op de dev site van twitter vinden.

http://twitter.com/about/resources/widgets
Google

Als je even kijkt is dit stukken anders.

Voorbeeld werkt niet !

Nielsie schreef:

Voorbeeld werkt niet !

Welke browser gebruik je en geduld hebben helpt misschien want twitter is vaak niet al te snel

Bij mij wil hij het voorbeeld opslaan? >_<

Het script werkt bij mij niet eens.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: profile,
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: #333333,
      color: #ffffff
    },
    tweets: {
      background: #000000,
      color: #ffffff,
      links: #4aed05
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: all
  }
}).render().setUser(HIERJEGEBRUIKERSNAAM).start();
</script>

Wijzig de plek waar HIERJEGEBRUIKERSNAAM staat in je eigen gebruikersnaam (logisch )