Twitter Widget in collabor einbauen

In diesem Beitrag möchte ich Schritt-für-Schritt erläutern, wie ich in meinem Blog das Twitter Widget seitlich eingebaut habe.

Schritt 1: Widget-Seite aufrufen

Zunächst hab ich die Twitter-Seite zur Erstellugn der Widgets aufgerufen. Diese Seite findet man m.E. am schnellsten mit Hilfe von Google.

Schritt 2: Widget erstellen

Als ich auf der Seite: https://twitter.com/settings/widgets angelangt bin, habe ich auf den Button "Neu erstellen" geklickt um das benötigte Widget einrichten zu können.

Schritt 3: Widget konfigurieren

Mit Klick auf diesen Button habe ich bereits die notwendige Seite zum konfigurieren des Widgets erreicht. Hier kann man nun entscheiden, was die Twitterwall anzeigen soll: Benutzer-Timeline, Favoriten, Liste oder ein alternative Suche. Um alle Tweets zu einem bestimmten Hashtag (z.B.: #webwi) zu listen, wählte ich Suche. Dort habe ich unter dem Feld "Suchanfrage" "#webwi" eingetragen. Die restlichen Einstellungen hab ich nach Belieben vorgenommen. Die Linkfarbe hab ich dem Hintergrundfarbe meines Blogs angepasst.

Nach Fertigstellung aller Einstellungen klickte ich auf den Button "Widget erstellen" und kopierte den dadurch entstandenen Widget-Code.

Schritt 4: Widget-Code in HTML-Code des Blogs eintragen

Hierzu hgabe ich in meinem Blog unter "Layouts" -> "Skins" -> "Site Layout" -> "Main Page" den HTML-Code des Blogs aufgerufen. Je nachdem wo man das Widget platzieren möchte, kann man im HTML-Code die Position bestimmen. Ich habe mich dazu entschieden, die Twitterwall in der Sitebar zu platzieren, damit sie auf jeder Seite des Blogs zu sehen ist. Der Platz unter dem Suchfeld erschien mir als perfekte Position.

Schritt 5: Speichern und Fertig

Nach Eintrag des Widget-Codes sicherte ich meine Änderungen mit "Save and Close" und konnte sogleich das Widget in meinem Blog bewundern.

judith.eibl.uni-linz am 27. Oktober 13  |  Permalink  |  0 comments  |  kommentieren