Mejorar Google Reader en la barra lateral de Firefox

Revisando el blog de ArturoGoga, veo una noticia que me ah interesado muchísimo, y se trata de mejorar el Google Reader en la barra lateral de nuestro tan querido Firefox. Personalmente, luego de haber descubierto esto, es mi manera favorita de ver los feeds, ya que ahora tengo la oportunidad de ver todas las noticias o artículos publicados en la barra principal.

Igualmente, How to Geek se inspiró un poco e invento una manera de ver los feeds y mejoró el aspecto que tiene el sidebar, anulando algunos elementos que anteriormente lo componían, como por ejemplo el logo con el borde azul del famoso Google Reader y también cambiando el tamaño de la letra, achicando el mismo.

Observen el cambio en las imágenes de abajo:

Antes

Después

El cambio es abundante, ya que obtenemos la vista de más feeds en la misma cantidad de espacio, además de que el frente o la presentación es agradable, sencilla y con mas espacio debido al abandono del logo.

¿Como hacemos eso?

Lo que necesitamos es una extensión de Firefox, llamada Stylish (descarga desde aquí), que sirve para realizar lo mencionado y mostrado en los párrafos de arriba y además para muchísimas otras páginas web.

Una vez que terminamos con el proceso de instalación de Stylish, vamos a hacer un clic al botón de Stylish, que lo vamos a ver en la esquina de abajo a la derecha de nuestro navegador. Luego de eso vamos a Write Style / Blank Style.

Lo que vamos a hacer ahora es darle un nombre al estilo, como por ejemplo “Google Reader Sidebar”, para luego pegar lo siguiente:

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

Nota: Si nosotros queremos resaltar la entrada cuando nos posemos con el mouse sobre ella, le tenemos que agregar este par de renglones al código:

.entry-row:hover { background-color: #99ccff !important; }
.entry-min-start:hover { border-color: #99ccff !important; cursor: pointer !important; }

Cuando hagamos todo lo mencionado arriba, vamos a tener nuestro Google Reader totalmente mejorado en el Sidebar. ¡Un saludo!