Optimieren Sie die Google Reader iPhone Edition in Ihrer Firefox-Seitenleiste

Wenn Sie ein großer Fan von Google Reader und Firefox sind, werden Sie wissen, dass die iPhone-Version von Google Reader perfekt für die Firefox-Seitenleiste geeignet ist. Mit ein paar Änderungen können wir sie wirklich gut anpassen.

Wir können ihn anpassen, um die Kopfzeile zu entfernen, unsere Startseite wählen, die Schriftarten abschwächen und sogar die Auszüge entfernen, um eine schöne saubere Liste wie diese zu erhalten:

Fügen Sie der Firefox-Seitenleiste Google Reader iPhone Edition hinzu

Alles, was Sie tun müssen, ist, mit der rechten Maustaste auf eine beliebige Stelle in der Lesezeichenleiste zu klicken und "Neues Lesezeichen" auszuwählen, dem Namen einen Namen zu geben (oder das Feld leer zu lassen) und die folgende URL einzugeben:

http://www.google.com/reader/i/

Stellen Sie sicher, dass Sie das Kästchen für "Dieses Lesezeichen in die Seitenleiste laden" aktivieren, und Sie sind fertig.

Wenn Sie jetzt auf das Lesezeichen klicken, wird es in der Seitenleiste angezeigt.

Lesezeichen ändern, um bestimmtes Tag (oder Seite) zu öffnen

Das erste Problem ist, dass das Lesezeichen standardmäßig für die Ansicht aller Elemente geöffnet wird, was für diejenigen von uns mit einer sehr großen Anzahl von Abonnements nicht geeignet ist. Ich ziehe es vor, den Reader zu öffnen, wobei mein "Favoriten" -Tag standardmäßig ausgewählt ist. Daher müssen wir dies anpassen.

Navigieren Sie in der Seitenleiste zu dem gewünschten Tag, klicken Sie mit der rechten Maustaste in einen leeren Bereich der Seite und wählen Sie "View Page Info".

Nun sehen Sie die direkte URL zu dieser Seite, die Sie in die Zwischenablage kopieren können…

Und dann entweder in einem neuen Lesezeichen verwenden oder das vorhandene Lesezeichen anpassen, das Sie erstellt haben.

Wenn Sie nun auf das Lesezeichen klicken, wird die Seite angezeigt, die Sie lieber sehen möchten.

Entfernen Sie den hässlichen blauen Rand

Hinweis: Für den Rest der Anpassungen benötigen Sie die Stilvolle Erweiterung installiert, oder Sie können eine Datei mit dem Namen userContent.css in Ihrem Firefox-Designverzeichnis erstellen und den Code dort ablegen.

Aus irgendeinem Grund hat das Google Reader-Logo diesen ärgerlichen blauen Rand, aber wir können ihn mit einem schnellen Stylish-Skript entfernen.

Klicken Sie auf das Symbol "Stilvoll", wählen Sie "Schreibstil" und dann "Leerer Stil".

Geben Sie dem Stil einen beschreibenden Namen und fügen Sie den folgenden Text ein:

@namespace-URL (http://www.w3.org/1999/xhtml);

@ -moz-document-URL-Präfix (http://www.google.com/reader/i)
.logo img border: 0px! important;

Sie können auf die Vorschau klicken, um die Änderungen sofort anzuzeigen:

Header vollständig entfernen

Anstatt nur den Rahmen zu ändern, können Sie den gesamten Header-Bildabschnitt entfernen, da dies nicht unbedingt erforderlich ist. Passen Sie das stylische Skript stattdessen an:

@namespace-URL (http://www.w3.org/1999/xhtml);

@ -moz-document-URL-Präfix (http://www.google.com/reader/i)
.Logo Anzeige: keine! wichtig;

Wenn Sie auf die Schaltfläche Vorschau klicken, werden die neuen Änderungen angezeigt.

Passen Sie die Schriftgröße an

Die iPhone-Site ist für ein winziges Touchscreen-Display optimiert, sodass die Schrift für meinen Geschmack einfach zu groß ist. Wir können dem stilvollen Skript die folgende Zeile hinzufügen, um die Schrift etwas kleiner zu machen:

* font-size: 0.97em! wichtig;

Wenn Sie mitmachen, sollte das vollständige Skript jetzt lauten:

@namespace-URL (http://www.w3.org/1999/xhtml);

@ -moz-document-URL-Präfix (http://www.google.com/reader/i)
.Logo Anzeige: keine! wichtig;
* font-size: 0.97em! wichtig;

Jetzt haben wir eine viel kompaktere Ansicht, die einfacher zu lesen ist:

Ändern Sie die Liste in Nur Schlagzeilen

Sie werden bemerken, dass Sie die ersten Wörter des Beitrags in der Listenansicht sehen können. Ich persönlich möchte nur die Schlagzeilen anzeigen. Fügen Sie Ihrem Skript Folgendes hinzu:

span.item-snippet display: keine! wichtig;
span.item-source-title font-size: 0.9em! important

Jetzt haben wir eine sehr nützliche Sidebar-Anwendung:

Vollständiges Skript

Hier ist die endgültige Version dieses Skripts, bei der die Logo-Leiste entfernt wurde, die Schriftgröße kleiner war und keine Auszüge vorhanden waren.

@namespace-URL (http://www.w3.org/1999/xhtml);
@ -moz-document-URL-Präfix (http://www.google.com/reader/i)
.Logo Anzeige: keine! wichtig;
* font-size: 0.97em! wichtig;
span.item-snippet display: keine! wichtig;
span.item-source-title font-size: 0.9em! important

Dies sollte zeigen, warum ich so ein großer Fan von Stylish bin.