arturogoga

Recuerdan que hace poco les contaba los pasos necesarios para poner a Google Reader en la barra lateral de Firefox (click aquí para mas detalles)? Desde entonces, se ha vuelto mi manera preferida de ver los feeds, porque ahora puedo rápidamente todas las noticias en el sidebar, y tener otro tipo de contenido, en la barra principal.

How to Geek ha ido un paso más allá, sin embargo, y ha mejorado el aspecto que tiene el sidebar, quitándole algunos elementos (como el horrible Logo con borde azul de Google reader, y usando un tipo de letra más pequeño).

Antes:

Después

Como pueden ver en las fotos, obtenemos más feeds en la misma cantidad de espacio, en un font que es bastante legible, y sin espacio perdido con el logo, por ejemplo.

Cómo lo hizo?

Necesitamos Stylish, una extensión de Firefox. Link para descargar (Que, además, es bastante útil en otras páginas web)

Ahora, una vez instalado, le hacemos click al botón de Stylish (se encuentra en la esquina inferior derecha del navegador) , y nos vamos a Write Style / Blank Style

Aquí, le damos un nombre al estilo (Google Reader Sidebar, por ejemplo), y pegamos 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 quieren "resaltar" la entrada cuando ponemos nuestro mouse sobre ella, añádanle este par de lineas al código

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

Una vez hecho esto, ya tendremos a nuestro Google Reader en el Sidebar, mejorado!

Link a la historia en How To Geek