24 novembro, 2016

Como alinhar imagens lado a lado nos posts do Blogspot


Arrasta para aqui e para ali mas não há imagem que fique ao lado de outra!
Também têm essa dificuldade? Então podem dizer chega!!
Vou explicar como fazer:

1. Escreve o teu texto e quando for altura de inserir as imagens, clica em "HTML", dá um "enter" e cola 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>

2. Onde está escrito "sua imagem aqui", apaga esse trecho e deixa o cursor do mouse no lugar.
Clica no ícone para adicionar imagens e faz o upload. Uma de cada vez!


O script completo vai ficar assim:


3. Agora clica em "Redigir"



4. Revê o post, vê se está tudo bem, se tiveres dúvidas faz uma pré visualização e publica!
Ficará assim:



Espero ter sido útil!




9 comentários:

  1. Nossa adorei a dica não sabia
    Muito obrigada pela visita volta sempre adorei
    Beijinhos
    CantinhoDaSofia /Facebook /Intagram
    Tem post novos todos os dias

    ResponderEliminar
  2. Muito útil mesmo ! Já tentei , perdi um monte de tempo e não dava de maneira nenhuma para colocar as imagens lado a lado . Muito obrigada !! Estou a seguir o blog (Carla Sousa)

    ResponderEliminar
  3. Infelizmente há poucas pessoas que fazem este tipo de publicações mas dá imenso jeito! Até eu já precisei e na altura não ficou bem bem como queria.
    Foi super útil :p

    Beijocas,
    ANDA DAÍ!

    ResponderEliminar
    Respostas
    1. São duvidas que também me vão surgindo. Pesquiso e partilho! Não custa nada!
      Beijito!

      Eliminar
  4. WOW Obrigada vou guardar este post <3
    Beijinhos
    www.beatrizcouto.com

    ResponderEliminar
  5. Adoro que façam este post que são super úteis!! Continue!

    xx Rita | ALL RITA

    ResponderEliminar