Webseiten mit Hilfe von Google-Blogs erstellen

Wie im letzten Post erwähnt, habe ich meine statischen Themenwebseiten in mehreren Blogs realisiert. Der Hauptgrund für dieses Vorhaben bestand für mich hauptsächlich in einer nicht mehr so starren Struktur, so dass es mir mit Hilfe der Blogs möglich ist, Beiträge zu verschiedenen Themen "einfach so" schreiben zu können, ohne mich dabei all zu sehr von einer umgebenden Struktur beinflussen lassen zu müssen.
In diesem Beitrag beschreibe ich, welche Erfahrungen ich mit den Google Blogs als Blogsystem gemacht habe.

Das Layout

Die Einstiegsseite von www.blogger.com zum Erstellen eines neuen Blogs bietet eine überschaubare Anzahl von Templates an, die jeweils in bis zu vier Variationen vorliegen. Einige sehen wirklich gut aus - man darf nur nicht vergessen, dass exakt dieses Layout sich bereits bei ein paar Millionen weiterer Nutzer größerer Beliebtheit erfreut.
Im Reiter "Layout" gibt es den Unterpunkt "Seitenelemente" - dahinter verbirgt sich die Möglichkeit, die Gadgets von Google zu verwalten und somit die Blog-Elemente kreativ anzuordnen. Da Google den Layout-Editor so gestaltet hat, dass er intuitiv bedienbar und idiotensicher ist, gibt es nur beschränkten Handlungsspielraum.

So ist es zwar möglich, mit Hilfe eines Gadgets ein Bild in den Rand des Blogs zu integrieren, allerdings kann dieses Gadget nur einmal im Layout-Manager verwendet werden. Die Gadgets selbst sind ganz ordentlich - Standards wie Tag-Clouds, Blog-Archiv und RSS-Feeds können ebenso verwendet werden, wie weitere Gadgets von Drittanbietern oder HTML-Code der wiederum alle Arten von Gadgets oder Widgets erlaubt.

Farbgebung und Schriftauswahl

Immerhin gibt es die Möglichkeit, im etwas sparsam gestalteten Einstellungsmenü ein paar der Farben und Schriftarten anzupassen. Ein Assistent hilft dabei, harmonierende Farben zu finden und eine Vorschau zeigt, wie das Endprodukt der Schöpfung aussehen wird.

Leider ist die Anpassung der Farbgebung auf die Farben und Schriften beschränkt, die im Template als Variablen vordefiniert worden sind. Möchte man z. B. die Hintergrundfarbe des Headers ändern und ist dieser nicht in den Einstellungen definiert, muss man über "Layout"-"HTML bearbeiten" den HTML-Code des Templates nach dem HEX-Code der Hintergrundfarbe durchforsten. Ist diese dann angepasst, gibt es die nächste böse Überaschung: die schönen runden Ecken bleiben in der der alten Farbe und fallen nun negativ auf. Der Grund ist, dass die Ecken als Bilder fest auf einem Server von Google herum liegen. Abhilfe ist nur möglich, wenn man die Bilder der Ecken herunter lädt, einfärbt und auf seinen eigenen Server hochlädt, damit man anschließend im HTML-Template auf die eigene URL zeigen lassen kann. Dann erst ist der Hintergrund des Headers wirklich geändert worden. Ziemlich viel Aufwand für eine so kleine Sache, finde ich.

Erstellen von Blogs

Doch wie sieht es mit dem Erstellen der Blogs aus? Es gibt unter "Posting"-> "Neuer Post" die Möglichkeit, den Text seiner Wahl in einen WYSIWYG-Editor einzugeben. Der Editor bietet eine Vorschau-Funktion sowie die Möglichkeit, den HTML-Text selber einzugeben.

Dieser Schritt ist auch oft nötig, da selbst so etwas wichtiges wie das Festlegen von Überschriften nicht im Editor vorgesehen ist - man darf aber immerhin zwischen fünf verschiedenen Schriftgrößen wählen. Schade, dass Google sich hier nicht an das Standardverfahren (Überschriften von H1 - H8) hält.
Immerhin bietet der WYSIWYG-Editor ein einfaches Werkzeug an, um Bilder in den Blog einzufügen. Ist das Bild eingefügt, kann man zwischen vier vordefinierten Bildgrößen wählen und bestimmen, ob das Bild linksbündig, rechtsbündig oder zentriert ausgerichtet werden soll. Das klappt ganz gut - allerdings darf man niemals vergessen, dass der Blog später eine ganz andere Breite als das Editorfenster aufweist. So wird das Bild, das eben noch elegant Text um sich hat fließen lassen, schnell zum Platzhirsch und entfremdet den Text.
Auch die Vorschaufunktion hilft da nicht viel weiter, da sie nicht alle Stile des Templates aufnimmt und somit immer eine etwas verzerrte Variante des späteren Erscheinungsbildes darstellt.
Ebenfalls extrem ungünstig ist das in meinen Augen nicht deterministische Verhalten der Bildverlinkung. Bilder werden automatisch mit einem Anker und HREF-Tag umschlossen. Dabei zeigt der Link entweder auf das Bild selbst oder auf eine Möglichkeit, den Blog anzupassen (wenn man sich angemeldet hat). Der Link auf das Bild ist unschön, da das Bild "nackt" im selben Fenster wie der Blog angezeigt wird und es keinen Button gibt, der den Benutzer wieder zurück zum Blog führt. Ein einfaches JAVA-Skript, welches das Bild als Popup oder schwebenden DIV in seiner vollen Pracht anzeigt, wäre nicht so schwer gewesen. Auf diese Weise muss ich nach jedem Blog-Post die Links aus den Bildern entfernen...

Diese Webseite

Im Rahmen dieser Webseite habe ich mir ein Template ausgesucht, die Farben angepasst, die bescheidenen Layoutfunktionen so gut es geht ausgereizt und anschließend eine HTML-Portalseite gestaltet, welche die Blog-Header als Wiedererkennungsmerkmal aufnimmt. Die Hintergrundfarben habe ich absichtlich etwas dezenter gewählt, damit die Farben der Blog-Header besser zur Geltung kommen. Das Design basiert vollständig auf CSS und DIV-Layern.