Einstieg in die Welt der Webwissenschaften

Einbettung eines Twitter Widgets

Im Rahmen des Propädeutikums wurden wir dazu angehalten mit dem Hashtag #webwi interessante Inhalte und News rund um das Thema Web und Webwissenschaften zu posten. Um hier auf dem laufenden zu bleiben wurde ein Twitter Widget in den Blog implementiert. Dazu  musste zuerst einmal über die Twitter Website ein sogenanntes Widget erstellt werden. Das funktioniert über folgende URL: https://twitter.com/settings/widgets/

Der HTML Code des Widgets wird dann wie folgt in den Blog implementiert: Menüpunkt Layouts - Skins - Site Layout - Main Page => unterhalb des Punktes Menü eingefügt - so erscheint es auf der rechten Seite im Blog.

Änderungen am Blog Seitenlayout

Bei dem Blog Layout habe ich Kleinigkeiten im Stylesheet geändert um eine Abhebung zu dem Standardlayout zu bekommen, ohne es aber durch ein komplett anderes zu ersetzen:

• Größe und Hintergrundfarbe des Headers geändert

#header {

   background-color: blue;

   position: static;

   width: 96em;

   height: 8em;

   vertical-align: left;

   margin-top: 6em;

   margin-left: 6em;

   padding-top: 6em;

   padding-left: 6em;

• Farbe der Überschriften geändert 

h2 {

   color: blue;

   font-family: <% layout.titlefont %>;

   font-size: <% layout.titlesize %>;

   font-variant: small-caps;

   margin-bottom: 0.5em;

}