Bloglines com cara de Mac OS X

O bloglines, apesar de ser o mais tradicional e — na minha opinião — o melhor agregador de feeds online , tem a fama (justa) de ter um design muito tosco, feioso mesmo.

Mas, com a magia dos User CSS do firefox, podemos mudar isso facilmente.

Bem, facilmente porque o Jon Hicks teve o trabalho de fazer um skin no estilo do Mac OS X para a gente.

O lance funciona assim:

  • Você baixa o arquivo CSS do skin
  • Vai no diretório chrome do seu perfil do firefox (no windows fica geralmente em C:\Documents and Settings\[nome do usuário]\Dados de aplicativos\Mozilla\Firefox\Profiles\[nome do perfil]\chrome)
  • Nesse diretório tem um arquivo userContent-example.css. Salve-o como userContent.css
  • Cole o conteúdo do arquivo que você baixou dentro do userContent.css
  • Reinicie o firefox.

Pronto. Na próxima vez que você abrir o Bloglines, ele vai estar com uma cara bem mais agradável, bem bonita, na verdade.

Claro que isso não funciona apenas no firefox. O Hicks disponibilizou um CSS para Camino/Firefox e um outro para Safari/OmniWeb/Opera. Mas como eu testei apenas no firefox, não posso garantir que funcione nos outros browsers. Fique a vontade para testar e me dizer se funcionou.

[update] Eu até ia comentar no post que dava pra fazer isso usando o greasemonkey, mas acabei me esquecendo. Mas o Jânio fez um comentário mostrando como aplicar o estilo de usuário usando uma extensão chamada stylish que eu não conhecia. Assim que eu testar, coloco na minha lista de extensões pro firefox. Valeu, Jânio!

[update 2] O Hicks colocou uma versão nova do CSS no ar, que conserta o problema com a tecla de atalho ‘J’ e muda algumas frescurinhas a mais. Baixem.

16 Comentários sobre “Bloglines com cara de Mac OS X”

Faça um comentário

No Opera, dá uma olhada pra ver como ficou.


#2 | LeoMenezes

infelizmente não deu para V~e funcionando no Firefox 2.0 RC2.


#3 | LeoMenezes

Sem falar que depois de usar o newshutch.com, nem tenho mais tanto estimulo para tentar fazer o Bloglines mais agradavel. Meu rendimento, digo minhas leituras só cresceram depois de abrir uma conta no newshutch e importar todo meu bloglines pra la.

Acho que o Bloglines, definitivamente, arrumou um concorrente. E depois da leitura: Tchau, Bloglines. Olá, Newshutch! [http://zeroseis.com.br/blog/tchau-bloglines-ola-newshutch], não resisti e fui conferir.

E agora me junto ao “Tchau, Bloglines. Olá, Newshutch!” falado/escrito por Fabrício.


Muito legal isso. o Bloglies é feio que dói! :-)

Existe uma extensão para o firefox que muda a cara do Gmail também.

E a respeito do Newshutch citado. Eu usei ele por um tempinho para testar. Ele é bom e a organização tambem é legal, porem, tem um pequeno problema. Demora muito para atualizar. E se você tiver muitos Feeds, demora mais ainda.

Falow!


Gostei do resultado. Abraços


Aqui funcionou no FF 2 RC2 sim. O único problema, que não deve ser em ralação ao firefox e sim ao css, está nas teclas de atalho (“J” para proximo registro do feed / “k” para registro anterior). Ele está “quebrando” no meio do registro…


“Instalei” aqui e ficou show de bola…
O unico problema como disse o Paulo é para quem utiliza a navegação através de teclas, como a “j” para ir ao próximo registro, ele passa um pouco do título, mas acredito que não seja muito difícil corrigir este detalhe…
Mas é claro que não vai me impedir de continuar utilizando…
Grande dica…
Abraços…


Bruno.

Não gosto muito de lidar diretamente nos arquivos dos diretórios chrome e abaixo, sem contar que é um saco ficar localizando os bichinhos a cada vez que quero fazer uma modificação em algo.

Por outro lado, sou viciado em GreaseMonkey, e a facilidade de criar funcionalidades com ele é fascinante (minha última criação, politicamente incorreta ao extremo, é um robô de publicidade para o chat do Terra, criada, claro, para fins experimentais e de estudo).

Então, o ideal seria juntar a facilidade do macaco engraxado com o apelo visual do CSS. E isso é possível usando uma extensão chamada Stylish (assim como userscripts.org é o repositório de scripts do macaco, http://userstyles.org/ é o repositório de estilos para a Stylish).

Quem quiser experimentar a dica acima sem precisar mexer direto nos arquivos mais obscuros, pode simplesmente colar o conteúdo do arquivo CSS em um novo estilo do Stylish, e ver na hora o resultado.

Ô, Bruno, meu brother, desculpa pelo tamanho do comentário… Deveria ter feito um post, né… :)


Muito interessante!
Ficou muito bom!
O bloglines é o meu leitor preferido, porém concordo que ele não era muito, digamos, agradável visualmente.
Obrigado pela boa dica!


Pessoal, o problema da navegação pelo teclado ocorre devido ao fato de o autor do novo CSS ter definido a barra de navegação superior como fixa, e o cálculo de offset que o algoritmo original do Bloglines considera “pensa” em scroll na página inteira.

Estou vendo se descubro como eles implementaram isso, e se não for muita complicação vou fazer um scriptzinho GreaseMonkey para corrigir essa diferençazinha.


Muito bom camarada!! Pra quem usa linux (Ubuntu 6.06 LTS), o arquivo deve ser salvo no seguinte caminho:

“/home/[nome do usuário]/.mozilla/firefox/l68zjcf1.default/chrome”

Abraço … t+,
raulpereira.


Duas pequenas modificações que fiz na folha de estilos para ficar mais do meu gosto.

Alterei a primeira declaração do arquivo para:

*, body, div, p, input, textarea {
font-family: “Lucida Grande”, Arial, Verdana, sans-serif !important;
font-size: 14px !important;
}

Com isso aumentei globalmente o tamanho da fonte utilizada, uma vez que utilizo 1280×1024 para trabalhar.

E acrescentei:

h3 a.bl_itemtitle { font-size: 22px !important; }

Com isso faço com que os títulos dos artigos fiquem numa fonte maior, mais destacada, melhorando a usabilidade.


Dá para usar a Web Developer Bar também, chegaram a testar? No menu CSS, há a opção “Add User Style Sheet”.

Abraço.


Muito bom, valeu a dica e ainda veio em boa hora.
Hoje no trabalho estava conversando com um colega afim de chegarmos a uma conclusão sobre feed readers, e o bloglines realmente ganhou, só que para mim, que trabalho com criação/arte ficou uma pulga atrás da orelha em relação ao design, mas com essa dica resolveu meu “problema”!


She couldn’t believe when she spent several long as my cavern. She straightened sexy vaginas back with.


No place mature vintage to put up pictures like that she knew and a wanton slut would.


«

»

Deixe seu comentário