Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox

Si eres un gran fanático de Google Reader y Firefox, te interesará saber que la versión de Google Reader de Google Reader es perfecta para la barra lateral de Firefox, y con unos pocos ajustes podemos hacer que se ajuste bien..

Podemos personalizarlo para eliminar el encabezado, elegir nuestra página de inicio, reducir el tono de las fuentes e incluso eliminar los extractos para darnos una lista clara como esta:

Agregue Google Reader iPhone Edition a la barra lateral de Firefox

Todo lo que tiene que hacer es hacer clic con el botón derecho en cualquier lugar de la barra de marcadores y elegir Nuevo marcador, asignarle un nombre (o dejarlo en blanco) y colocar la siguiente URL:

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

Asegúrese de marcar la casilla "Cargar este marcador en la barra lateral", y listo..

Ahora cuando haga clic en el marcador, verá que se abre en la barra lateral..

Cambiar marcador para abrir etiqueta específica (o página)

El primer problema es que el marcador se abre a la vista de todos los elementos de forma predeterminada, lo que es malo para aquellos de nosotros con un gran número de suscripciones. Prefiero abrir Reader con mi etiqueta "favoritos" seleccionada de forma predeterminada, así que tendremos que ajustar esto.

Navegue en la barra lateral hasta la etiqueta que desea, y luego haga clic con el botón derecho en un área vacía de la página y elija "Ver información de la página"

Ahora verá la URL directa a esa página, que puede copiar al portapapeles ...

Y luego utilice un nuevo marcador o personalice el marcador existente que creó.

Ahora, cada vez que haga clic en el marcador, verá la página que prefiere ver..

Quitar el borde azul feo

Nota: Para el resto de los ajustes, necesitarás tener el Extensión elegante instalado, o puede crear un archivo llamado userContent.css en su directorio de tema de Firefox y poner el código allí.

Por el motivo que sea, el logotipo de Google Reader tiene un borde azul molesto a su alrededor, pero podemos eliminarlo con un script de estilo rápido.

Haga clic en el icono con estilo, elija Escribir estilo y luego Estilo en blanco.

Asigne un nombre descriptivo al estilo y luego pegue el siguiente texto:

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

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

Puede hacer clic en el botón de vista previa para ver los cambios de inmediato:

Eliminar el encabezado por completo

En lugar de simplemente cambiar el borde, puede eliminar toda la sección de la imagen del encabezado, ya que no es realmente necesario. Ajuste la secuencia de comandos con estilo para ser el siguiente:

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

@ -moz-document url-prefix (http://www.google.com/reader/i)
.logo pantalla: ninguno! importante;

Al hacer clic en el botón Vista previa se mostrarán los nuevos cambios ...

Ajustar el tamaño de fuente

El sitio del iPhone está optimizado para una pequeña pantalla táctil, por lo que la fuente es demasiado grande para mi gusto. Podemos agregar la siguiente línea a la secuencia de comandos con estilo para hacer la fuente un poco más pequeña:

* font-size: 0.97em! important;

Si está siguiendo a lo largo, el script completo debería ser ahora:

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

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

Ahora tenemos una vista mucho más compacta, más fácil de leer:

Cambiar lista a titulares solamente

Notará que puede ver las primeras palabras de la publicación en la vista de lista ... personalmente prefiero mostrar los titulares. Agregue lo siguiente a su script:

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

Ahora tenemos una aplicación de barra lateral muy útil:

Script completo

Aquí está la versión final de esta secuencia de comandos, con la barra del logotipo eliminada, el tamaño de la fuente más pequeño y sin extractos.

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

Esto debería ilustrar por qué soy un gran fan de Stylish.