Tweak Google Reader iPhone-utgåva i din Sidbalk i Firefox

Om du är en stor fan av både Google Reader och Firefox, kommer du att vara intresserad av att Googles iPhone-version av Reader är en perfekt passform för Firefox sidobalk och med några tweaks kan vi göra det riktigt bra.

Vi kan anpassa det för att ta bort rubriken, välja vår startsida, tona ner teckensnitt och till och med ta bort utdragen för att ge oss en fin ren lista som den här:

Lägg till Google Reader iPhone Edition till Firefox Sidpanel

Allt du behöver göra är att högerklicka var som helst på bokmärkesfältet och välj Ny bokmärke, ge det ett namn (eller lämna det tomt) och sätt in följande webbadress:

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

Se till att du markerar rutan för "Ladda det här bokmärket i sidofältet", och du är klar.

Nu när du klickar på bokmärket ser du att det öppnas i sidofältet.

Ändra bokmärke till öppna specifika tagg (eller sida)

Det första problemet är att bokmärket öppnas för alla objektvisningar som standard, vilket är dåligt för de av oss med ett stort antal prenumerationer. Jag föredrar att öppna läsaren med min "favoriter" tagg som vald som standard, så vi måste justera detta.

Navigera i sidofältet till taggen som du vill ha, och högerklicka i ett tomt område på sidan och välj "Visa sidinfo"

Nu ser du direktadressen till den sidan som du kan kopiera till urklippet ...

Och använd antingen i ett nytt bokmärke eller anpassa det befintliga bokmärket som du skapade.

Nu när du klickar på bokmärket ser du den sida du föredrar att se.

Ta bort den gula blågränsen

Obs! För övriga tweaks måste du ha Snygg förlängning installerat, eller du kan skapa en fil med namnet userContent.css i Firefox-temakatalogen och sätta koden där.

Oavsett anledning har Google Reader-logotypen denna irriterande blågräns runt den, men vi kan ta bort det med ett snabbt snyggt skript.

Klicka på den stiliga ikonen, välj Skriv stil och sedan Blank stil.

Ge stilen ett beskrivande namn och klistra in i följande text:

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

@ -moz-dokument url-prefix (http://www.google.com/reader/i)
.logo img border: 0px! important;

Du kan klicka på förhandsgranskningsknappen för att se ändringarna direkt:

Ta bort huvudet helt

Istället för att bara ändra gränsen kan du ta bort hela rubrikavsnittet, eftersom det inte är nödvändigt. Justera det snygga skriptet för att vara följande istället:

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

@ -moz-dokument url-prefix (http://www.google.com/reader/i)
.logo display: none! important;

Om du klickar på knappen Förhandsgranska visas de nya ändringarna ...

Justera teckensnittsstorleken

IPhone-webbplatsen är optimerad för en liten pekskärm, så teckensnittet är bara alltför stort för min smak. Vi kan lägga till följande rad i det snygga skriptet för att göra tecknet något mindre:

* font-size: 0.97em! important;

Om du följer med, bör hela skriptet nu vara:

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

@ -moz-dokument url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;

Nu har vi en mycket mer kompakt vy, lättare att läsa:

Ändra lista endast till rubriker

Du märker att du kan se de första orden i posten i listvy ... personligen vill jag hellre bara visa rubrikerna. Lägg till följande i ditt skript:

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

Nu har vi en väldigt användbar sidebar-applikation:

Fullskript

Här är den slutliga versionen av det här skriptet, med logotypen borttagen, teckenstorlek mindre och inga utdrag.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-dokument url-prefix (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;
span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important

Detta ska illustrera varför jag är så stor fan av stilig.