Quellcode in Blogger Beiträge mit GitHub Gist einfügen

Da ich in Zukunft geplant habe des öfteren Quellcode in meine Beiträge bei Blogger einzubinden, habe ich mich nach einer einfachen Methode umgeschaut. Bei der Suche bin ich auf GitHub Gist aufmerksam geworden. Es folgt eine kurze Anleitung, wie der Quellcode in einem Blogger Beitrag eingebunden werden kann.

1. Öffnet die Seite von GitHub Gist ( https://gist.github.com/ )
2. Dort könnt ihr eine Gist Beschreibung angeben. Das ist optional und nicht zwingend erforderlich.
3. Dann gebt einen Namen für den Quellcode ein und wählt die gewünschte Programmiersprache aus. Ich habe als Beispiel-Quellcode eine Java-Datei gewählt. Als Name bei GitHub Gist habe ich "androtech.java" eingegeben.
4. Fügt euren Quellcode in das untere Textfeld ein.
5. Dann wählt den Button "Create Public Gist"
   
    und kopiert den Eintrag unter "Embed this Gist" ( Bild 1). 

"Embed this Gist" in Blogger einfügen

Damit sind die Einstellungen bei GitHub Gist abgeschlossen und ihr könnt wieder zu Blogger wechseln. Dort wechselt ihr in die HTML-Ansicht eures Beitrags und fügt das Skript dort ein, wo der Quellcode im Post erscheinen soll.

Als letzten Schritt muss unter den Post-Einstellungen auf der rechten Seite die Option "Eingegebenen HTML-Text interpretieren" angewählt sein (Bild 2).

Post-Einstellungen

Das war es auch schon. Jetzt erstrahlt euer Quellcode im neuen Glanze. Mein Java-Beispiel sieht bei Blogger jetzt folgendermaßen aus:

Eine Tabelle aus Google Drive bei Blogger einfügen

Da im Editor von Blogger keine Funktion zum Erstellen von Tabellen zur Verfügung steht, muss man einen kleinen Umweg gehen, um Tabellen in seine Posts einzubinden. Ich werde im Folgenden beschreiben, wie es möglich ist, eine Tabelle aus Google Drive bei einem Blogger-Artikel einzubinden. 

• Zu Beginn erstellt man eine Tabelle unter seinem Google Drive Benutzerkonto (Bild 1). 

Google Drive Tabelle erstellen

• Das Tabellenkalkulationsprogramm von Google ähnelt sehr stark Excel, sodass man sich schnell zurechtfindet. Außerdem besteht die Möglichkeit Excel-Tabellen direkt zu importieren. Als Beispiel habe ich die aktuelle Bundesligatabelle  erstellt (Bild 2).

Bundesligatabelle bei Google Drive

• Als Nächstes wählt ihr bei dem Tabellenkalkulationsprogramm von Google Drive "Datei" aus und klickt auf "Im Web veröffentlichen..." (Bild 3).

Drive Tabelle "Im Web veröffentlichen"

• Daraufhin erscheint ein Dialogfenster, in dem verschiedene Einstellungen vorgenommen werden können. Es kann zum Beispiel ausgewählt werden welche Tabellenblätter veröffentlicht werden sollen. In meinem Beispiel habe ich nur ein Tabellenblatt, deshalb ist bei mir "Alle Blätter" ausgewählt. Außerdem kann eingestellt werden, ob die Tabelle immer wieder neu veröffentlicht werden soll, wenn Änderungen vorgenommen wurden.  Diese Funktion ist sinnvoll wenn sich die Daten häufig ändern. Wenn ihr die Einstellungen vorgenommen habt, klickt ihr auf "Jetzt veröffentlichen" (Bild 4).

Drive "Web veröffentlichen"

• Durch die Veröffentlichung könnt ihr jetzt einen Link zu den veröffentlichten Daten anfordern. Im Drop-Down-Menü mit der Bezeichnung "Webseite" wählt ihr "HTML zum Einbetten in eine Seite" aus. Ihr könnt wiederum entscheiden welche Tabellenblätter der Link beinhalten soll. In meinem Beispiel habe ich "Alle Blätter" ausgewählt. Es wird automatisch ein HTML-Code generiert, den ihr euch kopiert (Bild 5).

HTML-Code für Web-Veröffentlichung

• Als letzten Schritt geht ihr zu der Bloggeroberfläche und öffnet den Post, in dem ihr die Tabelle einfügen möchtet. Dort wählt ihr oben links "die Ansicht HTML" (Bild 6)  aus und fügt den generierten "HTML-Code" an der Stelle ein, wo die Tabelle erscheinen soll. 

Auf HTML-Ansicht umschalten

• Das war es auch schon. So sieht das ganze aus:

Test der Blogger App mit Spracheingabe

Das ist der korrigierte Text: 

In meinem heutigen Eintrag teste ich die Blogger App von Google und die Spracheingabe von Android. Ich werde einen Blogeintrag über die Blogger App von Android vornehmen. Die Eingabe erfolgt ausschließlich über Sprache. Die unvermeidlichen Fehler bei der Eingabe werde ich später am PC korrigieren und den Text dann nochmals fehlerfrei veröffentlichen (weiter unten befindet sich der unformatierte Text).

Blogger App von Google

Die Blogger App ist sehr übersichtlich gestaltet und beschränkt sich auf das wesentliche. Einträge in den Blog können sehr schnell vorgenommen werden. Die Textformatierung beschränkt sich auf die Möglichkeit den Text "kursiv" bzw. "fett" darzustellen. Außerdem können "Links" in die Einträge eingefügt werden. Des Weiteren ist das Hinzufügen von Fotos sehr komfortabel gestaltet. Es können Fotos aus der Galerie des Smartphones gewählt werden und außerdem können Fotos direkt über die Kamera des Handys gemacht werden. Das Eintragen von Labels ist ebenfalls mit dieser App möglich. 

Fazit: Wie bereits oben beschrieben, bietet die Blogger App zurzeit einen sehr beschränkten Funktionsumfang. Aufwändige Formatierungen sind nicht möglich. Für einen kleinen Blogeintrag von unterwegs eignet sich die App aber allemal. Vor allem das bequeme Hinzufügen von Fotos über die Kamera des Smartphones ist sehr gelungen. Ich kann mir gut vorstellen die App in Zukunft häufiger zu nutzen. Ich werde über die App allerdings keine Beiträge veröffentlichen, sondern diese vorher am PC formatieren. 

Die App wird kostenlos im Google Play Store angeboten. Ich habe die Version 1.0.7 getestet. 

Spracheingabe: Wir ihr an diesem Eintrag sehen könnt ist die Spracheingabe alles andere als ausgereift. Es werden viele Wörter falsch beziehungsweise gar nicht erkannt. Außerdem wird die Groß- und Kleinschreibung überhaupt nicht beachtet. So nimmt die Korrektur der Fehler mehr Zeit in Anspruch, als wenn der Text direkt über die Tastatur eingegeben wird. Für einen Blogeintrag halte ich die Spracheingabe in ihrem jetzigen Zustand für absolut ungeeignet. Wenn man jedoch schnell einem Kumpel über Whatsapp oder anderen Diensten schreiben möchte, kann ich mir durchaus vorstellen die Spracheingabe in Zukunft häufiger zu nutzen. 

Das ist der Text über die Spracheingabe:

In meinem heutigen eintrag test ich die blaue von google spracheingabe von android. ich werde einen blogbeitrag über die blogger app for android vornehmen. Die eingabe erfolg ausschließlich über sprache . die bahn vermeintlichen fehler bei eingabe city später pc kopieren und in text dann nochmals fehlerfrei verpflichten. Die blogger app für übersichtlich gestaltet. beschränkt sich auf das wesentliche. Einträge in den blog können sehr schnell folgen ansehen. Die textformatierung beschränkt sich auf die möglichkeit den text kursiv beziehungsqualität set date stellen. Außerdem können links in die einzige eingefügt werden. Des weiteren fliesen von fotos sehr komfortabel gestaltet. Es köln fotos auf der galerie des smartphones gewählt werden und außerdem können fotos direkt mit kamera test handy gemacht werden. Das eintragen von level im zweiten desire s möglich. Fazit doppelpunkt sie bereits gut geschrieben, bitte dieser website an der beschränkten funktionsumfang. Aufwendige formatierung sind nicht möglich. Für einen kleinen blogeintrag von unterwegs eigentlich gibt es aber allemal. Vorallem das gefühl hinzufügen von fotos über die kammerweite smartphone sehr gelungen. Ich kann mir gut vorstellen gf zukunft häufiger zu nutzen. Ich werde über die app allerdings keine beiträge veröffentlichen , sondern dieses feuer am pc formatieren . Die app kostenlos google place du angeboten. Ich habe die version 1.0.7 bitte.