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


            Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.



Abraço,

Antonio Sardenberg


31 comentários:

Diassis Pires Produtor Cultural 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.

Antonio Sardenberg disse...

Olá Diassis,

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

Antonio Sardenberg

Diassis Pires Produtor Cultural 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.

Antonio Sardenberg disse...

Olá Liliane,

Quantas fotos você tentou postar ?

Só cabem 3 imagens na postagem.

Abraço,

Antonio Sardenberg

Unknown disse...

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

Antonio Sardenberg 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?

Antonio Sardenberg 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?

Unknown 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

Antonio Sardenberg 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!

TESTES disse...

Muito útil a dica obrigado, me ajudou muito!

marcos sandro disse...

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

marcos sandro 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..

Antonio Sardenberg disse...

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

Habeas Corpus disse...

Saudações! Agradeço a dica, meu Brother. O código é simples e funciona muito bem. Percebi que há um percentual de 33% em cada linha de imagem, que na soma dá 99%. Para quem quer pôr apenas duas imagens, põe apenas duas linhas e deixa 50% em cada uma. Acho que dá pra testar com quatro (pondo 25% em cada), cinco (pondo 20%) e assim por diante... Valeu! Abraço.

FIFA EA SPORTS disse...

muito boa dica valeu parceiro

Joice disse...

Nossa, me ajudou bastante. Valeu!

Unknown disse...

Simples, prático, rápido. Obrigado

Denise Costa-Casa dos Reclamagildos disse...

Obrigada. Ajudou muito.

Related Posts Plugin for WordPress, Blogger...