Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox

Video: Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox

Video: Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox
Video: 🙄 Cómo activar o desactivar el bloqueo de contenido para sitios Firefox 🦊 2023, Septiembre
Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox
Ajustar Google Reader iPhone Edition en tu barra lateral de Firefox
Anonim

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 encaje bien.

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

Image
Image

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:

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

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

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

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 manera predeterminada, por lo 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 …
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ó.
Y luego utilice un nuevo marcador o personalice el marcador existente que creó.
Ahora, cuando haga clic en el marcador, verá la página que preferiría ver.
Ahora, cuando haga clic en el marcador, verá la página que preferiría 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 colocar 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 Stylish rápido.

Haga clic en el icono Con estilo, elija Escribir estilo y luego Estilo en blanco.
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:
Asigne un nombre descriptivo al estilo y luego pegue el siguiente texto:

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

@-moz-document url-prefix(https://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:
Puede hacer clic en el botón de vista previa para ver los cambios de inmediato:
Image
Image

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 en su lugar:

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

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

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

Image
Image

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(https://www.w3.org/1999/xhtml);

@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } }

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

Image
Image

Cambiar lista a titulares solamente

Notarás que puedes 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:

Image
Image

Script completo

Aquí está la versión final de este script, con la barra del logotipo eliminada, el tamaño de la fuente más pequeño y no hay extractos.

@namespace url(https://www.w3.org/1999/xhtml); @-moz-document url-prefix(https://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} }

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

Recomendado: