Como alinhar imagens lado a lado na postagem do Blogger

Não precisa hospedar as imagens.  Faça upload direto do arquivo do seu computador.

1.  Escreva o seu texto e quando for inserir as imagens, clique em "HTML" da postagem, dê um "enter" ao final dos textos e cole o seguinte:


<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>

Onde está escrito "sua imagem aqui", apague este trecho e deixe o cursor do mouse no lugar.  Clique no ícone para adicionar imagens e faça o upload.  Uma por vez.

O script completo na postagem vai ficar assim:

Agora clique em "Escrever"

Ficará assim:

 O valor 33% significa a quantidade de coluna a ser usado aqui o 33% representa 3 colunas caso queira usar outra quantidade de colunas altere esse valor para que a soma seja algo próximo de 100 mas sem ultrapassar, por exemplo para duas colunas poderiamos usar 49 em cada uma delas, onde ta “conteúdo aqui” você vai colocar a imagem que pode ser do seu pc mesmo, é só você apagar “conteúdo aqui” e fazer o unpload da imagem no lugar, lembrando que tudo isso tem que ser feito na aba HTML.
Caso você queira ver o resultado de cada imagem adicionada clique na aba “Escrever”.

Se depois de utilizar as 3 colunas quiser voltar a fazer uma coluna é só acrescente essa linha no final <div style="clear:both">conteudo aqui</div>,

Agora o código fica deste jeito:
<center>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="clear:both">conteudo aqui</div>
</center>
Esse código não é indicado para fazer menus de texto