Busca

Carregando...

segunda-feira, 27 de dezembro de 2010

Solução para miniatura de post do Blogger que não aparece - bug do Windows Live Writer

A possibilidade de exibir o recorte quadrado de uma imagem do Blogger-Picasa tem várias aplicações em widgets que usamos em nossos blogs. Uma delas é mostrar as miniaturas dos posts quando adicionamos uma lista de blogs à sidebar.

Porém, apesar de eu ter ativado as miniaturas, hoje observei que não aparece em meu blog nenhuma imagem para os blogs da lista Top 10.


Top 10

Eu entrei nesses posts e quatro dos cinco têm imagens. Sabe porque as miniaturas não aparecem? Os blogueiros usaram Windows Live Writer.

Apesar de suas 1001 facilidades, o WLW ainda não entende o formato inteligente de imagens do Picasa Web, sobre o qual já falamos nos posts:

Em TODA imagem adicionada e editada pelo Windows Live Writer é adicionado o código ?imgmax=800 ao final da URL. Além disso, não é colocado o parâmetro de tamanho da imagem, que é o que permite, por exemplo, a geração de uma miniatura quadrada sem distorção.

URL de uma imagem adicionada pelo WLW:

http://lh4.ggpht.com/_HlIyV_enpD8/TRiFbLMX0fI/AAAAAAAAKvE/584KuXhBQV0/calwp02_201012.jpg?imgmax=800

URL correta de uma imagem do Blogger-Picasa:

http://lh4.ggpht.com/_HlIyV_enpD8/TRiFbLMX0fI/AAAAAAAAKvE/584KuXhBQV0/s800/calwp02_201012.jpg

Isso é um bug que impede o Blogger de gerar as miniaturas. Provavelmente corrigirão isso quando tiverem consciência do problema. Além dos widget de listas de blogs, esse problema também afeta:

  • A miniatura do recurso Promova do orkut. Ao promover, o orkut acha outras imagens do blog, mas não as do próprio post.
  • As miniaturas dos posts relacionados para quem usa LinkWithin ou scripts similares. As pequenas imagens ficam distorcidas se as originais não forem quadradas.

Não afeta:

  • Geração de miniaturas para Facebook.

► Como resolver

Inicialmente, você tem duas alternativas:

  1. Adicionar suas imagens direto pelo Picasa Web e as editar com Picnik.
  2. Continuar usando o Windows Live Writer, mas lembrar-se sempre de editar a URL da imagem principal do post após publicá-lo.

Neste segundo caso, a edição da imagem deve ser feita no painel de controle do próprio Blogger, não dá para usar o WLW porque ele vai gerar o código “defeituoso” novamente. Após publicar:

  1. Abra o post no Blogger no modo HTML.
  2. Procure o código da imagem principal do post, ou seja, aquela que você quer que apareça como miniatura. Exemplo:
<img width="198" height="180" src="http://lh6.ggpht.com/_HlIyV_enpD8/TF8MkImanGI/AAAAAAAAKRM/F6obqi7D1uo/image%5B10%5D.png?imgmax=800" />
  1. Identifique a maior dimensão da imagem. No exemplo acima é a largura (width), que tem 198 pixels.
  2. Após a última barra da URL da imagem (última barra antes do sinal de interrogação), adicione o código s198/, sendo que 198 você substitui pela maior dimensão da imagem.
  3. Apague o código ?imgmax=800. Confira como ficou o exemplo acima após a correção:
<img width="198" height="180" src="http://lh6.ggpht.com/_HlIyV_enpD8/TF8MkImanGI/AAAAAAAAKRM/F6obqi7D1uo/s198/image%5B10%5D.png />

Você também pode fazer o inverso, ou seja, usar o código ?imgmax=800 para evitar que uma imagem indesejada se transforme em miniatura do post.

Imagem: SanrioTown

Até mais!

Posts relacionados