Tweak Google Reader iPhone Edition em sua barra lateral do Firefox

Se você é um grande fã do Google Reader e do Firefox, ficará interessado em saber que a versão do Reader do Google para iPhone é 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 a nossa página inicial, suavizar as fontes e até mesmo remover os trechos para nos dar uma lista limpa como esta:

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:

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

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

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

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 "Exibir 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 ...

E, 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 preferiria ver.

Remova a borda azul feia

Nota: Para o resto dos ajustes você precisa ter o Extensão elegante instalado, ou você pode criar um arquivo chamado userContent.css no seu diretório de 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.

Dê ao estilo um nome descritivo e cole o seguinte texto:

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

@ -moz-url-prefixo do documento (http://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:

Remover Cabeçalho Inteiramente

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

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

@ -moz-url-prefixo do documento (http://www.google.com/reader/i)
.logo display: none! important;

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

Ajustar o tamanho da fonte

O site do iPhone é otimizado para uma pequena tela sensível ao 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 estar agora:

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

@ -moz-url-prefixo do documento (http://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:

Alterar lista apenas para títulos

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

span.item-snippet exibir: nenhum! importante;
span.item-source-title tamanho da fonte: 0.9em! important

Agora temos um aplicativo da barra lateral realmente útil:

Script Completo

Aqui está a versão final deste script, com a barra do logotipo removida, o tamanho da fonte menor e nenhum trecho.

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-url-prefixo do documento (http://www.google.com/reader/i)
.logo display: none! important;
* font-size: 0.97em! important;
span.item-snippet exibir: nenhum! importante;
span.item-source-title tamanho da fonte: 0.9em! important

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