How To: Twitterfeed in Posterous einbinden
Eine kleine Schwäche von Posterous ist die fehlende Option, keine Widgets und Feeds in die Seitenleiste des eigenen Blogs einbinden zu können. Über die Editierung des eigenen Profils lassen sich zwar HTML-Codes nutzen, jedoch kommt man bei den gängigen Twitter-Widgets nicht um Javascript und Flash herum.
Eine Ausnahme stellt Twitstamp.com dar. Ganz einfach erhält man hier ein kleines Widget, das sich als schlichter „a href“ Link in das Posterous-Profil einbinden lässt. Dabei gibt es die Möglichkeiten, ein standardisiertes und ein personalisiertes Widget zu erstellen.
Für ersteres benötigt man keine Anmeldung auf Twitstamp.com. Man gibt lediglich seinen Twitter Usernamen in das entsprechende Feld ein und bestätigt die Erstellung des Widgets durch einen Klick auf den Button „Generate“. Anschließend hat man die Möglichkeit, das Widget in Farbe und Größe anzupassen. Das fertige Widget lässt sich dann durch Copy/Paste des HTML-Links in Posterous einbinden.
Um ein personalisiertes Widget zu gestalten, muss man sich kostenlos auf Twitstamp registrieren. Nach der Anmeldung lässt sich ein eigenes Widget zusammenbasteln. Auch hier werden keinerlei HTML-Kenntnisse benötigt!
Eine kurze Anleitung:
- Der Hintergrund des Widgets besteht aus einer Bilddatei. Man hat hier also freie Wahl bei der Gestaltung. Ich habe mich für ein schlichtes Widget entschieden und deshalb mit Hilfe von Picnik.com eine weiße Hintergrundfläche (etwa 160x170 Pixel groß) erstellt und die Überschrift („clab auf Twitter“) sowie den Aufkleber („Vogel“) hinzugefügt.
- Die fertige Bilddatei lässt sich nach der Anmeldung auf Twitstamp und nach dem Click auf die Rubrik „Create New Twitstamp“ als PNG-Datei auf hochladen.
- Anschließend lassen sich die einzelnen Elemente des Widget (Tweet, Username, Date, Avatar) mit dem Mauszeiger auf dem Hintergrundbild platzieren und durch Regler in Größe und Farbe anpassen. Zusätzlich lassen sich die einzelnen Elemente aus- und anschalten. (Ich habe beispielsweise meinen Avatar und Usernamen ausgeschaltet).
- Ist man mit der Anordnung der einzelnen Elemente zufrieden, klickt man lediglich auf „I’m Done“ und erhält die fertigen HTML-Codes.
- Um das Widget in Posterous einzubinden, kopiert man den HTML-Link und fügt ihn in das zu editierende Posterous-Profil an gewünschter Stelle ein.
- Damit man bei Klick auf das Widget nicht auf Twitstamp.com geleitet wird, muss man nun lediglich im kopierten „a href“ Link die URL von Twitstamp.com zu Twitter.com/Username ändern.
- Posterous-Profil speichern, fertig.
Das Ändern des Widgets lässt sich jederzeit nach einem Login auf Twitstamp ändern und anpassen. Die Aktualisierung des neuesten Tweets dauert in der Regel 5 bis 10 Minuten - von Echtzeit-Übertragung kann deshalb leider nicht die Rede sein. Aber als Übergangslösung, bis Posterous andere Möglichkeiten bietet, finde ich Twitstamp ganz passabel. Andere Lösungsvorschläge, Links und Anmerkungen können sehr gerne in den Kommentaren gepostet werden!
Ein weiteres Beispiel des Twitstamp-Widgets kann auf FerdinandvR’s Posterous bewundert werden. Viel Spaß beim Rumprobieren!





Comments 5 Comments