Com a nova atualização do blogger, ficou mais dificil alinhar as imagens das postagens do blogger lado a lado como a imagem acima, porem, com o código que irei passar, seus problemas acabaram!

Primeiro passo: Escreva sua postagem normalmente, porem, quando for adicionar as imagens, clique em ''HTML'' na aba da postagem e insira o seguinte código:
<center> <div style="float:left; width:33%"> SUA IMAGEM AQUI</div> <div style="float:left; width:33%"> SUA IMAGEM AQUI</div> <div style="float:left; width:33%"> SUA IMAGEM AQUI</div> </center>
* Perceba que nó código está width como 33%, isto significa que, iremos adicionar 3 imagens e cada uma delas ocupará 33% da area do post.
-Para colocar duas imagens, substitua 33 por 50 e para colocar 4, substitua 33 por 25 e acrescente mais <div style="float:left; width:25%"> SUA IMAGEM AQUI</div> antes de </center> no código.

Segundo passo: Onde está escrito "sua imagem aqui" você deve colocar o código da sua imagem. Se você não souber o código da sua imagem basta apagar esse trecho e deixar o cursor do mouse no mesmo lugar. Clique no icone de adicionar imagem e o código dela aparecerá no lugar do texto que você apagou, feito isso, volte em escrever e veja se deu tudo certo.

Se você não entendeu como conseguir o html de uma imagem, clique no link abaixo:

• Como hospedar imagens no blogger.