Si vous êtes un grand fan de Google Reader et de Firefox, vous serez intéressé de savoir que la version iPhone de Google de Reader est parfaitement adaptée à la barre latérale de Firefox, et avec quelques ajustements, nous pouvons l’adapter parfaitement.
Nous pouvons le personnaliser pour supprimer l’en-tête, choisir notre page de démarrage, atténuer les polices et même supprimer les extraits pour nous donner une belle liste propre comme celle-ci:
Ajouter Google Reader iPhone Edition à la barre latérale de Firefox
Tout ce que vous avez à faire est de cliquer avec le bouton droit de la souris n’importe où dans la barre de favoris et de choisir Nouveau signet, de lui donner un nom (ou de laisser ce champ vide) et de saisir l’URL suivante:
http://www.google.com/reader/i/
Assurez-vous de cocher la case « Charger ce signet dans la barre latérale », et vous avez terminé.
Maintenant, lorsque vous cliquez sur le signet, vous verrez qu’il s’ouvre dans la barre latérale.
Changer le signet pour ouvrir une balise (ou une page) spécifique
Le premier problème est que le signet s’ouvre à la vue de tous les éléments par défaut, ce qui est mauvais pour ceux d’entre nous qui ont un très grand nombre d’abonnements. Je préfère ouvrir Reader avec ma balise «favoris» sélectionnée par défaut, nous devrons donc ajuster cela.
Naviguez dans la barre latérale jusqu’à la balise souhaitée, puis cliquez avec le bouton droit de la souris dans une zone vide de la page et choisissez «Afficher les informations sur la page»
Vous verrez maintenant l’URL directe de cette page, que vous pouvez copier dans le presse-papiers…
Et puis utilisez dans un nouveau signet ou personnalisez le signet existant que vous avez créé.
Désormais, chaque fois que vous cliquez sur le signet, vous voyez la page que vous préférez voir.
Supprimer la vilaine bordure bleue
Pour une raison quelconque, le logo Google Reader est entouré de cette bordure bleue ennuyeuse, mais nous pouvons la supprimer avec un script Stylish rapide.
Cliquez sur l’icône Stylish, choisissez Write Style puis Blank Style.
Donnez au style un nom descriptif, puis collez le texte suivant:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i) {
.logo img {bordure: 0px! important;}
}
Vous pouvez cliquer sur le bouton d’aperçu pour voir immédiatement les modifications:
Supprimer complètement l’en-tête
Au lieu de simplement changer la bordure, vous pouvez supprimer toute la section de l’image d’en-tête, car ce n’est pas vraiment nécessaire. Ajustez plutôt le script élégant pour qu’il soit le suivant:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i) {
.logo {affichage: aucun! important;}
}
Cliquez sur le bouton Aperçu pour afficher les nouvelles modifications…
Ajuster la taille de la police
Le site iPhone est optimisé pour un petit écran tactile, donc la police est bien trop grande à mon goût. Nous pouvons ajouter la ligne suivante au script élégant pour rendre la police légèrement plus petite:
* {font-size: 0.97em! important; }
Si vous suivez, le script complet devrait maintenant être:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i) {
.logo {affichage: aucun! important;}
* {font-size: 0.97em! important; }
}
Maintenant, nous avons une vue beaucoup plus compacte, plus facile à lire:
Changer la liste en titres uniquement
Vous remarquerez que vous pouvez voir les premiers mots du message dans la vue liste… Personnellement, je préfère simplement afficher les titres. Ajoutez ce qui suit à votre script:
span.item-snippet {affichage: aucun! important;}
span.item-source-title {font-size: 0.9em! important}
Maintenant, nous avons une application de barre latérale vraiment utile:
Script complet
Voici la version finale de ce script, avec la barre de logo supprimée, la taille de la police plus petite et aucun extrait.
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i) {
.logo {affichage: aucun! important;}
* {font-size: 0.97em! important; }
span.item-snippet {affichage: aucun! important;}
span.item-source-title {font-size: 0.9em! important}
}
Cela devrait illustrer pourquoi je suis un si grand fan de Stylish.
