Tweets über "#webwi"

Aufgabe 3: Individualisierung des Weblog durch Layout und Twitter-Widget

sarah.neumueller.uni-linz, 2. Oktober 2013, 10:53

Um seinen Blog zu individualisieren ist es möglich, ein neues Layout zu wählen und dieses wie in unserem Beispiel mit einem Widget abzurunden.

Das Ändern des Layouts ist in 4 Schritten erledigt.

1. Zuerst sucht man sich auf http://layouts.antville.org/ ein passendes Layout aus, das der Individualität des Blogs entspricht. Ich habe das Layout "grau-orange" gewählt.

2. Im zweiten Schritt wird das Layout auf den Computer heruntergeladen, um es im nachfolgenden Schritt auf collabor.idv.edu verwenden zu können.

3. Diese Zip-Datei wird nun auf collabor hochgeladen, indem man durch den Menüpunkt "Layouts" auf folgende Seite kommt :

 

 

 

4. Wenn das Layout importiert wurde, muss es nur mehr "aktiviert" werden. Das Resultat sieht wie folgt aus:

 

 

 

Sind diese Schritte geschafft kommt man über die Menüpunkte Skins > Site Layouts > Main Page auf den Quellcode des Weblogs, in dem man nun einen Widget einfügen kann. Dieser Widget muss zuvor auf https://twitter.com/settings/widgets erstellt werden, um anschließend den Code des Widgets kopieren zu können.

 

 

 

Dieser Code muss nun an geeigneter Stelle im Quellcode des Layouts eingefügt werden. Wenn der Button "Save and Close" angeklickt wurde, sieht die Beitragsseite am Ende so aus:

 

 

 

Und schon ist der Weblog fertig gestaltet.

0 comments :: Kommentieren