01Tab-Maker öffnen
Programmierkenntnisse sind dazu nicht nötig. Stattdessen erlaubt es der Google Tab Maker, individuelle Tabs per Assistent in wenigen Schritten zu erstellen. Die fertige Erweiterung lässt sich herunterladen und zum Beispiel im eigenen Browser nutzen.
- Google Tab Maker
Starten Sie den Chrome-Browser und navigieren zur Adresse von Google Tab Maker. - Google Tab Maker
Dann melden Sie sich am besten gleich mit Ihrem Google-Konto an und klicken auf die Schaltfläche „Make your own“. - Google Tab Maker
Im Anschluss klicken Sie auf „Get started“. - Google Tab Maker
Wählen Sie nun eine der angebotenen Vorlagen aus. Im Beispiel verwenden wir „Template 6.“ - Google Tab Maker
Um eigene Inhalte zu erstellen, klicken Sie im zweiten Schritt auf „Add your own content“. - Google Tab Maker
In einer neuen Registerkarte wird daraufhin ein Google-Sheet geöffnet. Legen Sie dafür über das Datei-Menü eine Kopie an. - Google Tab Maker
Dann vergeben Sie in der Dialogbox einen Namen und klicken auf „Kopie erstellen“. - Google Tab Maker
Folgen Sie nun dem Link, der nach einem Klick auf den Next-Button erscheint. - Google Tab Maker
Die folgende Seite ist so groß, sodass Sie wahrscheinlich horizontal blättern müssen, bevor Sie die gesamte Tabelle sehen. - Google Tab Maker
Die Tabelle enthält entsprechend der gewählten Vorlage verschiedene Blöcke. Einige sind von Google bereits mit Beispielen gefüllt. Eine Erläuterung finden Sie unterhalb der Spaltenköpfe. - Google Tab Maker
Sie können als Inhalte wie im ersten Block etwa ein Firmenlogo einbinden und im zweiten Text. Damit sich die Elemente anklicken lassen, geben Sie die URL im zugehörigen Link-Block an. - Google Tab Maker
Wenn Sie die Werte eingetragen haben, wechseln Sie über das Register unten zum Tabellenblatt mit dem dritten Schritt. - Google Tab Maker
Jetzt klicken Sie im Datei-Menü auf „Freigeben“ und im Untermenü auf „Im Web veröffentlichen“. - Google Tab Maker
Wählen Sie links „Step 2: Add content to this sheet“ aus und rechts „Kommagetrennte Werte (CSV)“. Dann klicken Sie auf den Veröffentlichen-Button. - Google Tab Maker
Bestätigen Sie abschließend noch, dass Sie die Auswahl veröffentlichen wollen. - Google Tab Maker
Den jetzt angezeigten Link übernehmen Sie per Strg + C in die Zwischenablage. - Google Tab Maker
Nun wechseln Sie zurück zur geöffneten zweiten Tab-Maker-Registerkarte, fügen den kopierten Link in das URL-Feld ein und klicken auf „Next“. - Google Tab Maker
Sie gelangen anschließend zur Vorschau. Linker Hand lässt sich die Darstellung bei Bedarf korrigieren, rechts unten können Sie zwischen den einzelnen Tabs hin- und herschalten. - Google Tab Maker
Wenn alles passt, wechseln Sie per Next-Button zum folgenden Dialog. - Google Tab Maker
Hier besteht die Möglichkeit, die Blöcke separat anzupassen, etwa um sie horizontal und vertikal passend auszurichten. - Google Tab Maker
Im fünften Schritt stellen Sie Ihre Erweiterung fertig, indem Sie einen Namen (1) und eine Beschreibung (2) vergeben. Dann laden Sie das Zip-File per Klick auf den Download-Button herunter. - Google Tab Maker
Für weitere Instruktionen wählen Sie eine der beiden Optionen aus, wobei Google die Erstgenannte zum Testen empfiehlt. - Google Tab Maker
Im rechten Bereich des Fensters sehen Sie nun die restlichen Schritte, die noch erforderlich sind. - Google Tab Maker
Zunächst müssen Sie das heruntergeladene ZIP-Archiv entpacken. Das lässt sich mit Windows-Bordmitteln oder externen Tools wie 7-Zip schnell erledigen. - Google Tab Maker
Weiter geht es in Google Chrome, wo Sie das Drei-Punkte-Menü öffnen. Wählen Sie daraus „Weitere Tools / Erweiterungen“. - Google Tab Maker
Auf der Extensions-Seite aktivieren Sie als Erstes oben rechts den Entwicklermodus. Anschließend klicken Sie auf „Entpackte Erweiterung laden“. - Google Tab Maker
Navigieren Sie nun zum Ordner mit der entpackten ZIP-Datei und wählen dort das Unterverzeichnis „extension“ aus. - Google Tab Maker
Danach erscheint die von Ihnen erstellte und standardmäßig aktivierte Erweiterung. - Google Tab Maker
Um zu überprüfen, ob das Ganze wie gewünscht funktioniert, öffnen Sie im Chrome-Browser einen neuen Tab. - Google Tab Maker
Im Anschluss wird eine der in der Tabelle festgelegten Seiten per Zufallsauswahl angezeigt.
Sie können das Tool einfach ausprobieren, indem Sie im Chrome-Browser die Adresse tabmaker.withgoogle.com aufrufen. Sie sollten sich direkt mit Ihrem Google-Konto anmelden, da Sie dies im späteren Verlauf ohnehin benötigen.
02Template auswählen
Auf der Tab-Maker-Homepage klicken Sie auf den Button Make your own und danach auf Get started. Wählen Sie nun eine der angebotenen Vorlagen, Templates genannt, aus. Damit bestimmen Sie, wie die Elemente auf Ihrem individuellen Tab angeordnet sind.
03Eigenen Inhalt erstellen
Im zweiten Schritt klicken Sie auf Add your own content, um eigene Inhalte zu erstellen. Von dem Google-Sheet, das danach im reinen Lesemodus geöffnet wird, legen Sie über das Datei-Menü eine Kopie an. Anschließend vergeben Sie noch einen Namen dafür. Dann klicken Sie auf die Next-Schaltfläche und folgen dem darunter eingeblendeten Link zum nächsten Schritt.
Die folgende Seite ist ziemlich groß, sodass Sie wahrscheinlich horizontal scrollen müssen, um die komplette Tabelle im rechten Bereich zu sehen. Sie enthält entsprechend Ihrer Vorlage verschiedene Blöcke. In unserem Beispiel sind dies Block 1 und Block 2, die von Google mit Beispiel-Links und -Text gefüllt sind. Eine kurze Beschreibung finden Sie unterhalb der einzelnen Spaltenköpfe.
Jede Zeile stellt eine Tabs-Seite dar, die später zufällig angezeigt wird, wenn Sie eine neue Registerkarte im Browser öffnen. Wie viele Zeilen Sie nutzen, bestimmen Sie selbst.
Während ein Hintergrundbild (Background Image) nicht unbedingt notwendig ist, müssen Sie für die Blöcke Angaben machen. Dort haben Sie die Möglichkeit, Bilder-URLs oder Text einzutragen. Zum Beispiel können Sie im ersten Block Ihr Firmenlogo einbinden und im zweiten eine Beschreibung für einen bestimmten Bereich Ihrer Website unterbringen.
Damit aus diesen Elementen anklickbare Links werden, geben Sie die dazugehörige URL in der Spalte Block 1 link, Block 2 link und so weiter ein. Die Usability leidet hier allerdings etwas, da zunächst alle Block-Spalten und erst danach die Link-Spalten aufgeführt sind.
Nachdem Sie auf diese Weise die Tabelle mit Werten gefüllt haben, wechseln Sie über die am unteren Rand angezeigten Register zum Blatt Step 3: Publish and link your sheet. Dort klicken Sie im Datei-Menü auf die Einträge Freigeben und Im Web veröffentlichen.
Dann wählen Sie im linken Dropdown-Menü Step 2: Add content to this sheet aus und im rechten Kommagetrennte Werte (CSV). Klicken Sie nun auf den Veröffentlichen- und in der anschließend eingeblendeten kleineren Dialogbox auf den OK-Button. Den danach angezeigten Link kopieren Sie mit der Tastenkombination Strg + C.
Jetzt wechseln Sie zurück zu der noch geöffneten Tab-Maker-Registerkarte, die Sie bei Schritt zwei verlassen haben. Dort fügen Sie den kopierten Link in das URL-Feld ein.
Ein Klick auf den Next-Button führt Sie weiter zur Vorschau. Die Darstellung lässt sich mithilfe der Edit-Funktionen linker Hand noch anpassen. Außerdem können Sie über die Pulldown-Liste rechts unten zwischen den einzelnen Tabs hin- und herschalten, falls Sie in der Tabelle mehr als eine Zeile ausgefüllt haben.
Mit der Next-Schaltfläche gelangen Sie schließlich zum fünften Schritt. Hier können Sie für Ihre Erweiterung einen Namen und eine Beschreibung vergeben sowie das Icon ändern. Passt alles, laden Sie die Extension als ZIP-Datei herunter. Dieses Archiv entpacken Sie nun, der Übersicht halber am besten in einen eigenen Ordner.
Als Nächstes öffnen Sie in Google Chrome das Drei-Punkte-Menü oben rechts. Wählen Sie daraus die Einträge Weitere Tools / Erweiterungen. Auf der Extensions-Seite aktivieren Sie zuerst den Entwicklermodus mithilfe des Schalters oben neben dem Suchfeld. Anschließend klicken Sie auf Entpackte Erweiterung laden, navigieren zum Ordner mit der entpackten ZIP-Datei und wählen das Unterverzeichnis extension aus.
Danach erscheint in der Übersicht die von Ihnen erstellte und standardmäßig aktivierte Erweiterung. Wenn Sie jetzt im Chrome-Browser einen neuen Tab öffnen, wird eine der in der Tabelle eingetragenen Seiten im festgelegten Design angezeigt.
Produkte: Der Trick funktioniert mit Google Tab Maker und Google Chrome. (ad)