Como alinhar imagens lado a lado na postagem do Blogger

Realmente é muito difícil alinhar três imagens lado a lado na postagem do Blogger.  Mas, nossos problemas de arrastar imagens acabaram.

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:


Clique em "Atualizar" e pronto.

Não deixe de ler a nova postagem neste link:  O Blogger e a crise de 2017

Abraço,

Antonio Sardenberg


26 comentários:

Diassis Pires disse...

Olá
Adorei essa dica de postar as imagens lado a lado, mas ainda estou com um grande problema, em cada postagem eu preciso adicionar em média 100, a pergunta é como faço postar varias fotos lado a lado.

Fazendo Blogspot disse...

Olá Diassis,

Você terá que repetir o código quantas vezes for necessário.

Antonio Sardenberg

Diassis Pires disse...

Olá
Já vi que o negocio é ter paciência.
Valeu.

Liliane disse...

Obrigada pela dica.
Mas ao inserir as fotos em html, uma caixa pediu a posição e tamanho. Coloquei "nenhum" e tamanho médio, assim ficaram duas fotos lado a lado.

Fazendo Blogspot disse...

Olá Liliane,

Quantas fotos você tentou postar ?

Só cabem 3 imagens na postagem.

Abraço,

Antonio Sardenberg

Joyce Yano disse...

Tentei postar 2 fotos, mas uma se sobrepôs na outra.
porque?

Fazendo Blogspot disse...

Você deve montar o script no Bloco de Notas do Windows. Prestar muita atenção antes de postar no Blogger.
Refaça tudo com cuidado.

Abraço,

Antonio Sardenberg

Cheeseboard Carveboard Team BH/MG disse...

Comoanheiro, sua dica me salvou, obrigado. Mas preciso postar duas fotos e queria que elas ocupassem a pagina de forma mais padronizada. Com o codigo ficou ambas as esquerda. Como faço para ficarem centralizadas ou Uma a esquerda outra a direita?

Fazendo Blogspot disse...

Retire do código o script de uma das imagens.

Nathanael disse...

VALEU CARA! CONSEGUI!
ONDE VOCÊ APRENDEU ESSAS COISAS? FEZ CURSO DE INFORMATICA?

PASCOM disse...

Tem como deixar um controle para que sempre que eu postar fotos as fotos fiquem alinhadas do mesmo jeito?

Taís Pisoni disse...

Boa tarde, não sei se o blog fez alguma atualização... mas quando eu clico na imagem e seleciono, não acontece nada.
Não estou conseguindo.
Se puder me ajudar

Nill disse...

Muito obrigada, isso me ajudou muito. Na verdade, o único que deu certo.

Parabens!

Anônimo disse...

Nuito Legal esta Dica vou usar no meu blog..... só faltou uma coisa colocar um nome em baixo para identificar a imagem nao consegui fazer :(

Narciso disse...

Oi!! Muito Obrigado por repassar suas dicas,se precisar de algo fico a disposição!
Narciso - www.vescomunicacao.com.br - Sim é feito na plataforma do blogger

Anônimo disse...

Boa noite,
Gostaria de saber se consigo fazer desta forma igual a este site, postagens de lado a lado quanto voce clica e o menu te redireciona para postagem lado a lado com conteudo diferente , já tentei de tudo e nao consigo fazer, consigo fazer com a explicação do teu site

http://januariocorretordeimoveis.blogspot.com.br/2015/06/imoveis-em-curitiba-parana_15.html

Desde já obrigado

Fazendo Blogspot disse...

Olá, há sim como fazer igual. Você deverá postar as imagens lado a lado e criar um link interno para uma postagem que tratará do assunto referente a cada imagem. Ou Seja, em primeiro crie uma postagem para cada imagem que vai usar e em seguida poste as imagens lado a lado cada uma direcionada ao link da postagem a que se refere.

Suzane Veras disse...

Tanto tempo procurando e deu certinho, as capas dos meus livros estão alinhadas <3 Obrigada!

Walter Silva disse...

Olá! Muito obrigado pelo seu post. Me ajudou em muito!!! Pergunta: estou inserindo várias imagens e o espaçamento horizontal - graças ao seu post - está ótimo. No entanto, as imagens que vem abaixo ficam muito coladas com as de cima. Como aumentar o espaçamento vertical (já tentei enter, mas não é como texto. Não aceita espaçamento)? Grato desde já!

Jade Filberman disse...

nossa, ótima dica, super clara e fácil, ajudou bastante!

Brian disse...

Muito obrigado! Excelente dica!

Rosani Pinotti disse...

Muito útil a dica obrigado, me ajudou muito!

Gracilene oliver disse...

ola! legal a sua dica mas aki no meu esta pedindo o tipo de layout alinhamento da imagem como faço

Gracilene oliver disse...

to aprendendo agora esse negocio de html e muito legal mas nao sei muito vc tem email

Priscila Comparsi disse...

Oii, já fiz 2 vezes, no meu não funcionou. já coloquei no bloco de notas.. nada feito, ficam uma em baixo da outra..

Fazendo Blogspot disse...

Olá Priscila, ajusta a largura da àrea de postagens.

Related Posts Plugin for WordPress, Blogger...