Topic: Propaedeutikum WebWi
Design
Zuerst habe ich das Design meines Blog geändert. Unter dieser Homepage (http://layouts.antville.org) kann man sich verschiedenste Designs für den collabor-Lernblog als .zip-Datei downloaden.
Im Anschluss geht man auf den persönlichen Blog. Unter dem Menüpunkt "Admin" klickt man auf "Layouts", im Anschluss auf "Layout importieren". In der leeren Zeile gibt man den Standort der vorher geladenen Layout-.zip-Datei an, mit einem Klick auf ?import? scheint das nun importierte Layout, neben dem Standard-Layout in einer Liste auf und kann nun ausgewählt und damit aktiviert werden.
Twitter Widget
Um ein Twitter-Widget einzufügen, geht man zunächst auf die Twitter-Homepage (twitter.com). Dort findet man unter "Einstellungen" (Zahnrad rechts oben) den Menüpunkt "Widgets". Hier können verschiedene Arten von Widgets ausgewählt werden, in unserem Fall haben wir die Widget-Sorte "Suche" verwendet. Mithilfe dieses Widgets können Tweets zu einem bestimmten Hashtag (in unserem Fall #webwi) angezeigt werden. Hat man alle gewünschten Parameter so eingegeben, wie gewünscht klickt man auf "Widget erstellen". In dem Kästchen unter der Vorschau dann ein Code-Schnipsel angezeigt, welchen man sich kopiert.
Nun geht es darum, dieses Widget in den Blog einzubauen. Am Blog findet man unter dem Menüpunkt "Admin" den Link zu "Layouts". In "Layouts" klickt man bei dem aktiven Layout wiederum auf "Skins", im Anschluss "Site Layout", danach "Main Page". Hier kann man den Quellcode des Blogs sehen und diesen nach Wunsch verändern. Ich wollte mein Twitter-Widget in die Leiste am linken Rand reingeben, wozu ich mir zunächst jene Stelle im Quellcode rausgesucht habe, die dieses Kästchen repräsentiert (Beginn bei
Zuerst habe ich das Design meines Blog geändert. Unter dieser Homepage (http://layouts.antville.org) kann man sich verschiedenste Designs für den collabor-Lernblog als .zip-Datei downloaden.
Im Anschluss geht man auf den persönlichen Blog. Unter dem Menüpunkt "Admin" klickt man auf "Layouts", im Anschluss auf "Layout importieren". In der leeren Zeile gibt man den Standort der vorher geladenen Layout-.zip-Datei an, mit einem Klick auf ?import? scheint das nun importierte Layout, neben dem Standard-Layout in einer Liste auf und kann nun ausgewählt und damit aktiviert werden.
Twitter Widget
Um ein Twitter-Widget einzufügen, geht man zunächst auf die Twitter-Homepage (twitter.com). Dort findet man unter "Einstellungen" (Zahnrad rechts oben) den Menüpunkt "Widgets". Hier können verschiedene Arten von Widgets ausgewählt werden, in unserem Fall haben wir die Widget-Sorte "Suche" verwendet. Mithilfe dieses Widgets können Tweets zu einem bestimmten Hashtag (in unserem Fall #webwi) angezeigt werden. Hat man alle gewünschten Parameter so eingegeben, wie gewünscht klickt man auf "Widget erstellen". In dem Kästchen unter der Vorschau dann ein Code-Schnipsel angezeigt, welchen man sich kopiert.
Nun geht es darum, dieses Widget in den Blog einzubauen. Am Blog findet man unter dem Menüpunkt "Admin" den Link zu "Layouts". In "Layouts" klickt man bei dem aktiven Layout wiederum auf "Skins", im Anschluss "Site Layout", danach "Main Page". Hier kann man den Quellcode des Blogs sehen und diesen nach Wunsch verändern. Ich wollte mein Twitter-Widget in die Leiste am linken Rand reingeben, wozu ich mir zunächst jene Stelle im Quellcode rausgesucht habe, die dieses Kästchen repräsentiert (Beginn bei
Suche
). Dort habe ich als erstes die Reihenfolge der einzelnen Menüpunkte nach persönlichen Vorstellungen verändert und den Twitter-Widget an die zweite Stelle entlang der Leiste gesetzt. Vorher habe ich noch eine Kopfzeilencodierung kopiert und den Text durch "Twitter" ersetzt, damit das Widget besser ins Gesamtbild passt. Nach dieser Kopfzeilencodierung habe ich dann die von der Twitter-Page generierte Codeschnipsel eingefügt. Speichern und aktualisieren - et voilà: ein anschließender Besuch am Blog und das Twitter-Widget ist eingefügt! :)markus.ellmer.uni-linz | 24. Dezember 13 | 0 Kommentare
| Kommentieren