Bauru

Não é segredo para ninguém que uma imagem fala mais que mil palavras. Somos seduzidos por elas e num post é sempre importante apresentar uma que chame a atenção do leitor e que tenha relação com o conteúdo. Talvez seja por esse motivo que a Rô publica sempre tutoriais com os quais podemos exibir os posts recentes com miniaturas de imagens e outros recursos em que as miniaturas de imagens estão presentes.

O fato é que quando o Compulsivo sugeriu exibir as postagens relacionadas com imagens no blog, gostei da ideia, pois sei como isso é eficaz, mas não estava satisfeito com a imagem que era exibida quando não havia imagens no post. Veja:

1- Crie uma imagem quadrada de 72px. Escolha algo que acredite que vá chamar a atenção do leitor. Hospede essa imagem e copie o link, pois usaremos mais adiante.

2- Visite o post "Post relacionados com miniatura no Blogger" publicado no Usuário Compulsivo. Copie o código com as definições de formatação CSS e o JavaScript no bloco de notas;

3- Substitua o link "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png" pelo da imagem que você já havia criado e hospedado no item1.

4- Siga os passos descritos na continuação do tutorial compulsivo até o fim e desfrute desse recurso tão funcional.

Como última dica, aí vão algumas imagens que você pode usar no lugar da exibida originalmente:


Vi muitos reclamando nos comentários lá no UC de que não conseguiram implementrar o hack. Eu também não havia conseguido inicialmente, mas combinei as dicas citadas acima com as encontradas no post do desenvolvedor do javascript e tudo funcionou perfeitamente.