Tweak Google Reader iPhone-editie in uw Firefox Sidebar

Als u een grote voorstander bent van zowel Google Reader als Firefox, zult u geïnteresseerd zijn om te weten dat Google's iPhone-versie van Reader perfect past in de Firefox-zijbalk, en met een paar tweaks kunnen we het echt goed laten passen.

We kunnen het aanpassen om de koptekst te verwijderen, onze startpagina te kiezen, de lettertypen lager te zetten en zelfs de fragmenten te verwijderen om ons een mooie schone lijst zoals deze te geven:

Voeg Google Reader iPhone Edition toe aan de zijbalk van Firefox

Het enige dat u hoeft te doen, is door ergens met de rechtermuisknop op de bladwijzerbalk te klikken en Nieuwe bladwijzer te kiezen, een naam te geven (of dat veld leeg te laten) en de volgende URL in te voegen:

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

Zorg ervoor dat u het selectievakje "Deze bladwijzer in de zijbalk plaatsen" aanvinkt en u bent klaar.

Wanneer u nu op de bladwijzer klikt, ziet u dat deze in de zijbalk wordt geopend.

Wijzig bladwijzers in open specifieke tag (of pagina)

Het eerste probleem is dat de bladwijzer standaard wordt geopend voor de weergave van alle items, wat slecht is voor ons met een zeer groot aantal abonnementen. Ik geef er de voorkeur aan om Reader te openen met mijn "favorieten" -tag die standaard is geselecteerd, dus we zullen dit moeten aanpassen.

Navigeer in de zijbalk naar de gewenste tag en klik met de rechtermuisknop in een leeg gedeelte van de pagina en kies 'View Page Info'

Nu zie je de directe URL naar die pagina, die je naar het klembord kunt kopiëren ...

En gebruik vervolgens een nieuwe bladwijzer of pas de bestaande bladwijzer aan die u hebt gemaakt.

Wanneer u nu op de bladwijzer klikt, ziet u de pagina die u liever ziet.

Verwijder de Ugly Blue Border

Opmerking: voor de rest van de aanpassingen moet je de Stijlvolle extensie geïnstalleerd, of u kunt een bestand met de naam userContent.css in uw Firefox-themamap maken en de code daar plaatsen.

Om welke reden dan ook heeft het Google Reader-logo deze vervelende blauwe rand eromheen, maar we kunnen dit verwijderen met een snel stijlvol script.

Klik op het pictogram Stijlvol, kies Stijl schrijven en vervolgens Lege stijl.

Geef de stijl een beschrijvende naam en plak de volgende tekst in:

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

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

U kunt op de voorbeeldknop klikken om de wijzigingen meteen te bekijken:

Verwijder de koptekst volledig

In plaats van alleen de rand te wijzigen, kunt u de volledige sectie van de kopafbeelding verwijderen, omdat dit niet echt nodig is. Pas in plaats daarvan het stijlvolle script als volgt aan:

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

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

Als u op de knop Voorbeeld klikt, worden de nieuwe wijzigingen weergegeven ...

Pas de lettergrootte aan

De iPhone-site is geoptimaliseerd voor een klein aanraakscherm, dus het lettertype is gewoon veel te groot voor mijn smaak. We kunnen de volgende regel toevoegen aan het stijlvolle script om het lettertype iets kleiner te maken:

* font-size: 0.97em! important;

Als u meegaat, zou het volledige script nu moeten zijn:

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

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

Nu hebben we een veel compactere weergave, gemakkelijker te lezen:

Verander de lijst alleen in Headlines

Je zult merken dat je de eerste paar woorden van het bericht in de lijst kunt zien ... persoonlijk laat ik liever alleen de krantenkoppen zien. Voeg het volgende toe aan uw script:

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

Nu hebben we een echt nuttige sidebar-toepassing:

Volledig script

Hier is de definitieve versie van dit script, met de logobalk verwijderd, de lettergrootte kleiner en geen fragmenten.

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

Dit zou moeten illustreren waarom ik zo'n grote fan ben van Stylish.