13.5.13

Blogger: Ein eigenes Template entsteht - Teil 9 - Blog Widget I

Heute gibt's zwei Posts zum Preis von einem :D -- heißt, nachdem ich einen Einführungspost geschrieben hatte, warum ein eigenes Blog Widget sinnvoll ist, habe ich gemerkt, dass sich das ganze auf drei Punkte eindampfen lässt. Das war mir dann für einen ganze Post doch zu mickrig.

Nun gibt es also einen kurzen Exkurs über Sinn oder Unsinn eines eigene Blog Widgets. Danach geht's straight weiter und wir schauen uns die Grundelemente des Blog Widgets an.

Zum Abschuss basteln wir aus den Grundelemente Post-Überschrift und Post-Inhalt ein erstes Blog Widget!

weiter »

4.5.13

Blogger: Ein eigenes Template entsteht - Teil 8 - Einführung in Widgets IV

Nach einigen Tagen Zwangspause geht es jetzt endlich mit der Reihe 'Ein eigenes Template entsteht' weiter :D.

Heute beschäftigen wir uns zum letzten Mal theoretisch mit Widgets und zwar mit konditionalen Argumenten.

Grob gesagt ist ein konditionales Argument eine Wenn - Dann Bedingung: Wenn diese oder jene Bedingung erfüllt ist, wird dieses oder jenes HTML-Element angezeigt oder verborgen.

Schauen wir uns eine konditionale Bedingung im Detail an.

weiter »

23.3.13

Blogger: Ein eigenes Template entsteht - Teil 5 - Einführung in Widgets

So Freunde, nach dem letzten Teil - dem <b:section/> Tag - geht es heute um den Inhalt eines solchen Tags, nämlich den Widgets!

Die Widgets sind in Blogger für sämtliche 'dynamische' Inhalte zuständig. Das Verständnis über Aufbau und Funktion von Widgets ist insofern zentral.

Ich sage es gleich, ab jetzt werden wir uns längere Zeit mit Widgets beschäftigen - unser Ziel ist, eigene Widgets zu schreiben.

Schauen wir uns heute als erstes die Struktur und Syntax von Widgets an.

weiter »

22.3.13

Blogger: Ein eigenes Template entsteht - Teil 4 - <b:section/>

Im letzte Teil haben wir Blogger als One-Page-Site benützt und statische Inhalte direkt in's XML geschrieben. Das ist spannend und so weiter, trotzdem gehen wir diesen Weg vorerst nicht weiter.

Blogger ist ein 'kleines' Content Management System (kurz CMS), in dem wir Inhalte dynamisch aus einer Datenbank bekommen. Das geschieht über die bereits erwähnten Seiten-Elemente-Tags.

Sehen wir uns diese Tags genauer an - starten wir mit dem <b:section/> Tag.

weiter »

18.3.13

Blogger: Ein eigenes Template entsteht - Teil 3 - 'hello world'

In der IT ist es Tradition, die Einführung in ein Programm mit einer 'hello world' Anweisung zu starten. Mit dem Basis-Layout bauen wir eben diese Demo-Seite.

Wir diskutieren das Problem, das Blogger eigene CSS- und Javascript-Dateien in euer Template lädt. Wenn ihr Blogger nicht als Blog, sondern zum Hosten einer simplen One-Page-Site verwenden wollt, müsst ihr diese Dateien ausschalten.

Dazu erweitern wir das Basis-Layout. Abschließend überprüfen wir die Validität, d.h. die Gültigkeit des erweiterten Basis-Layouts.

weiter »

11.3.13

Blogger: Ein eigenes Template entsteht - Teil 1 - Einleitung

Wie angekündigt starte ich heute eine längere Post-Reihe, in der ich euch zeigen werde, wie ihr in Blogger Blogs ein eigenes Template bauen könnt und zwar vom Blog Widget angefangen bis zum fertigen responsive Layout. Responsive ist ein neues Buzz-Word und meint, dass sich euer Layout über alle mögliche Gerätegrößen hinweg an unterschiedliche Bildschirmgrößen anpassen wird.

Ich weiß, dass das ein sehr ambitioniertes Vorhaben ist - sowohl von meiner Seite als auch für euch, die ihr vielleicht schon länger über ein eigenes, selber gestaltetes Layout nachdenkt. Mir geht dieses Projekt schon eine ganze Weile durch den Kopf - zum Start ein paar allgemeine Gedanken dazu:

weiter »

7.2.13

Appengine

Wie angekündigt - nach der Alpha Version von meinem Formular, heute ein voll einsatzfähiges Script, auf Google App Engine gehostet. Zu Demozwecken ist das Formular in einer Google Drive Seite eingebaut -- das funktioniert natürlich auch in jeder anderen Seite, etwa in Blogger.

Noch mal die Vorteile: Dieses Formular könnt ihr an jedes Layout anpassen. Auf Google App Engine sind bis zu 5000K Mails/Monat frei. Der ganze Spass ist frei und kostenlos. Das Formular auf der Demoseite ist voll einsatzfähig - probiert es aus!

View Demo Download
weiter »

6.2.13

Content Counter

Ihr habt auf Blogger bekanntlich keinen Zugriff auf eine Server-Datenbank - wäre aber für manche Probleme sehr nützlich, oder? Ihr wollte zB. ein Hinweis einblenden, den ein Besucher nach dem dritten Aufruf von eurem Blog nicht mehr zu sehen bekommt ... klingt cool ... aber dazu müsst ihr Userdaten irgendwo speichern können.

Um Daten Clientseitig zu speichern, könntet ihr nun entweder einen Cookie setzen ... oder ihr geht über die HTML5 API und speichert das ganze als WebStorage-Objekt. Klingt ziemlich kompliziert ... ist es aber nicht :).

Schaut euch mein Beispiel an - auf der Skizze läuft ein Counter, der bei jedem Seitenaufruf um 'eins' nach oben zählt ... ihr könnt euren Browser schließen und neu öffnen, der Zählerstand bleibt gespeichert.


View Demo »»

weiter »

5.2.13

Comment Bubbles

Rechts neben meinen Überschriften seht ihr die Zahl der Kommentare in kleinen Symbolen, so genannte 'Bubbles'. Das ist auf vielen Foren, Blogs und Seiten inzwischen üblich - ich denke also, der Besucher versteht intuitiv, was damit gemeint ist.

Auf besonderen Wunsch hin erkläre ich heute, wie das gemacht ist (und noch ein paar Hintergründe dazu ...)
weiter »

4.2.13

Neuer Post

Ich bin ein Blindtext. Von Geburt an. Es hat sehr lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen.
weiter »

3.2.13

Browser zum Editor machen

Let's do some cool stuff ... bauen wir uns einen Texteditor aus einem Browser mit einer Zeile Code xD. Der Link öffnet einen neuen Tab - die neue Seite ist ein HTML Dokument und das könnt ihr als Editor benützen. Tippt einfach mal a bisserl Text rein.

Editor »»

Data URl

weiter »

2.2.13

Blogger hat GFC aus Gadget Liste entfernt!

By the way - vorgestern ist das Google Friend Connect Gadget aus der Gadget Liste 'Grundlagen' rausgeflogen - erwähne ich jetzt nur mal, weil ja doch einige meinen Post über das Ende von GFC als Quatsch, Geschwätz und hanebüchenen Unsinn abgetan haben :).

Wie immer bei solche Sachen - don't panic! Nur ein paar Bemerkungen dazu.
weiter »

2.2.13

Noch ein Titel

Ich bin ein Blindtext. Von Geburt an. Es hat sehr lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deswegen ein schlechter Text? Ich weiss, dass ich niemals die Chance habe in einer grossen Zeitung zu erscheinen. Aber bin ich deswegen weniger wichtig? Ich bin blind! Aber ich bin gerne ein Text.
Und sollten Sie mich jetzt dennoch zu ende lesen, dann habe ich etwas geschafft, was den meisten normalen Texten nicht geling

1.2.13

Kontaktformular für Blogger auf Google App Engine hosten

Wie angekündigt - nach der Alpha Version von meinem Formular, heute ein voll einsatzfähiges Script, auf Google App Engine gehostet.

Zu Demozwecken ist das Formular in einer Google Drive Seite eingebaut -- das funktioniert natürlich auch in jeder anderen Seite, etwa in Blogger.

Noch mal die Vorteile: Dieses Formular könnt ihr an jedes Layout anpassen. Auf Google App Engine sind bis zu 5000K Mails/Monat frei. Der ganze Spass ist frei und kostenlos.

Das Formular auf der Demoseite ist voll einsatzfähig - probiert es aus!

View Demo »»Download »»
weiter »
Ältere Posts