Tweak Google Reader iPhone Edition em sua barra lateral do Firefox

Tweak Google Reader iPhone Edition em sua barra lateral do Firefox
Tweak Google Reader iPhone Edition em sua barra lateral do Firefox

Vídeo: Tweak Google Reader iPhone Edition em sua barra lateral do Firefox

Vídeo: Tweak Google Reader iPhone Edition em sua barra lateral do Firefox
Vídeo: Como desativar extensões do Firefox 2015 - YouTube 2024, Novembro
Anonim

Se você é um grande fã do Google Reader e do Firefox, ficará interessado em saber que a versão do Reader para iPhone do Google é perfeita para a barra lateral do Firefox e, com alguns ajustes, podemos fazer com que ela se encaixe bem.

Podemos personalizá-lo para remover o cabeçalho, escolher nossa página inicial, suavizar as fontes e até mesmo remover os trechos para nos fornecer uma lista limpa como esta:

Image
Image

Adicione o Google Reader iPhone Edition à barra lateral do Firefox

Tudo o que você precisa fazer é clicar com o botão direito do mouse em qualquer lugar da barra de favoritos e escolher Novo marcador, atribuir um nome (ou deixar em branco) e inserir o seguinte URL:

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

Certifique-se de marcar a caixa "Carregar este favorito na barra lateral" e pronto.

Agora, quando você clicar no favorito, verá que ele é aberto na barra lateral.
Agora, quando você clicar no favorito, verá que ele é aberto na barra lateral.
Image
Image

Alterar marcador para abrir tag específico (ou página)

O primeiro problema é que o marcador se abre para a exibição de todos os itens por padrão, o que é ruim para aqueles de nós com um número muito grande de assinaturas. Eu prefiro abrir o Reader com a minha tag "favoritos" selecionada por padrão, então teremos que ajustar isso.

Navegue na barra lateral até a tag desejada e, em seguida, clique com o botão direito do mouse em uma área vazia da página e escolha "Visualizar informações da página"

Agora você verá o URL direto para essa página, que você pode copiar para a área de transferência …
Agora você verá o URL direto para essa página, que você pode copiar para a área de transferência …
Em seguida, use um novo marcador ou personalize o marcador existente que você criou.
Em seguida, use um novo marcador ou personalize o marcador existente que você criou.
Agora, sempre que você clicar no marcador, verá a página que prefere ver.
Agora, sempre que você clicar no marcador, verá a página que prefere ver.

Remova a borda azul feia

Nota: para o resto dos ajustes, terá de ter o Extensão elegante instalado, ou você pode criar um arquivo chamado userContent.css no diretório do tema do Firefox e colocar o código lá.

Por qualquer motivo, o logotipo do Google Reader tem essa borda azul irritante ao redor, mas podemos removê-lo com um script Stylish rápido.

Clique no ícone Stylish, escolha Write Style e, em seguida, Blank Style.
Clique no ícone Stylish, escolha Write Style e, em seguida, Blank Style.
Dê ao estilo um nome descritivo e cole o seguinte texto:
Dê ao estilo um nome descritivo e cole o seguinte texto:

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

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

Você pode clicar no botão de visualização para ver as alterações imediatamente:
Você pode clicar no botão de visualização para ver as alterações imediatamente:
Image
Image

Remover Cabeçalho Inteiramente

Em vez de apenas alterar a borda, você pode remover toda a seção da imagem do cabeçalho, pois ela não é realmente necessária. Ajuste o script elegante para ser o seguinte:

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

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

Clicar no botão Visualizar mostrará as novas alterações …

Image
Image

Ajustar o tamanho da fonte

O site do iPhone é otimizado para uma minúscula tela de toque, então a fonte é muito grande para o meu gosto. Podemos adicionar a seguinte linha ao script elegante para tornar a fonte um pouco menor:

* {font-size:0.97em !important; }

Se você está acompanhando, o script completo deve agora ser:

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

Agora temos uma visão muito mais compacta, mais fácil de ler:

Image
Image

Alterar lista apenas para títulos

Você notará que pode ver as primeiras palavras da postagem na visualização da lista … pessoalmente, prefiro apenas exibir as manchetes. Adicione o seguinte ao seu script:

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

Agora temos um aplicativo da barra lateral realmente útil:

Image
Image

Script Completo

Esta é a versão final desse script, com a barra do logotipo removida, o tamanho da fonte menor e nenhum trecho.

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

Isso deve ilustrar porque eu sou um grande fã do Stylish.

Recomendado: