Tweak per l’edizione iPhone di Google Reader nella sidebar Firefox

Se sei un grande fan di entrambi Google Reader e Firefox, ti interesserà sapere che la versione Google iPhone di Acrobat Reader è perfetta per la sidebar di Firefox, e con alcune modifiche la si può rendere veramente più utile e adatta.

Sei in grado di personalizzare per rimuovere l’intestazione, scegliere la tua pagina iniziale, il tipo di font e rimuovere anche i brani per avere una bella lista pulita.
Aggiungere l’ iPhone Edition di Google Reader nella sidebar di Firefox

Tutto quello che devi fare è cliccare col destro del mouse su un punto qualsiasi nella barra dei preferiti e scegliere Nuovo segnalibro, dargli un nome (o lasciare in bianco) e immettere il seguente URL:

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

Assicurati che sia selezionata la casella “Carica questo segnalibro nella barra laterale”, e avrai finito.

Ora, quando fai clic sul segnalibro, vedrai che si apre nella barra laterale.

Cambiare i segnalibri per aprire specifici Tag (o pagine)

Il primo problema è che i segnalibri aprono tutti gli oggetti di default, cosa che non va bene per quelli di noi che hanno un gran numero di abbonamenti. Io preferisco aprire Reader con i miei tag “preferiti” scelti per impostazione predefinita, per dovremo occuparci di questo.

Naviga nella barra laterale sull’etichetta che desideri, quindi fai clic con il pulsante destro in un’area vuota della pagina e scegli “Visualizza Informazioni sulla pagina”

Ora vedrai l’URL diretto a quella pagina, che è possibile copiare negli appunti…

E poi puoi utilizzare un nuovo segnalibro, o personalizzare l’attuale segnalibro che hai creato.
Ora ogni volta che fai clic sui segnalibri, viene visualizzata la pagina che preferisci vedere.

Nota: Per il resto dei tweaks devi avere l’estensione di stile installata, o puoi creare un file chiamato userContent.css nei temi della directory Firefox e metterci dentro il codice.

Per qualche motivo, il logo di Google Reader ha un fastidioso bordo blu intorno ad esso, ma siamo in grado di rimuoverlo con un rapido stile script.

Fai clic sulla icona di stile, scegli Scrivi Stile e quindi Stile bianco.

Dai un nome descrittivo allo stile , quindi incolla il testo seguente:

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

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

È possibile fare clic sul pulsante Anteprima per visualizzare subito le modifiche.
Rimuovere del tutto l’intestazione

Invece di cambiare solo il bordo, è possibile rimuovere l’intera sezione dell’intestazione, dal momento che non è davvero necessaria. Regola lo script dello stile come segue:

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

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

Facendo clic sul pulsante Anteprima verranno mostrati i nuovi cambiamenti…

Regolare la dimensione del carattere

Il sito iPhone è ottimizzato per un piccolo display touch screen, perciò il font è troppo grande per i miei gusti. Possiamo aggiungere la seguente riga allo script per rendere il carattere leggermente più piccolo:

* {font-size:0.97em !important; }

l’intero script dovrebbe essere ora:

@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; }
}

Ora si presenta in modo più compatto , più facile da leggere.

Cambiare solo i titoli dell’elenco

Noterete che potete vedere le prime parole del post nella lista… personalmente preferirei venissero mostrati solo i titoli. Aggiungete come segue allo script:

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

Ora abbiamo un’applicazione sidebar veramente utile

Lo script finale

Ecco la versione finale di questo script, con la cornice del logo rimossa, la dimensione dei caratteri più piccoli, e senza estratti.

@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-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
}

Questo dovrebbe illustrare il motivo per cui sono un grande fan dello stile.

Per gentile concessione di Howtogeek

Photo credit: Howtogeek