Colocando qualquer imagem como thumbnail no Blogger

Uma infinidade de layouts (ou templates, como preferir) que são desenvolvidos para a plataforma Blogger utilizam a primeira imagem de uma postagem como seu thumbnail. O thumbnail é a imagem que visualmente anuncia a postagem na sua página inicial ou nos widgets, que quase sempre está acompanhada do título da sua postagem. O grande problema desse tipo de comportamento do Blogger é que muitas vezes a primeira imagem não é a que você gostaria que ilustrasse a sua postagem.

Mas é possível contornar essa situação de um jeito fácil e sem complicações.
1. Você irá inserir a sua imagem normalmente, ao início da sua postagem. Dê preferência a uma hospedagem no próprio Blogger, de forma que você não venha a perder a imagem.
2. Com o link de direcionamento da imagem em mãos (geralmente terminado em *.jpg, *.gif, *.png, ou qualquer outro formato que você tenha escolhido), insira a linha simplificada abaixo no editor HTML da sua postagem.

<img src="LINK DA IMAGEM" style="display: none;" />

Prático e rápido. Você deu ao Blogger o que ele quis: uma imagem inicial para que ele transforme em thumbnail, mas simplesmente comandou que a imagem não aparecesse na sua postagem. Isso se dá através do display: none que foi inserido dentro da tag img, que é a responsável por "chamar" a sua imagem para dentro da postagem, enquanto o  display: none a escondeu.

Fonte: CssMagz