Como colocar imagens lado a lado na postagem.

|




Olá, queridos amigos!!!

Vamos aprender a colocar as imagens lado a lado em uma postagem?
Vocês irão aprender como é fácil colocar as imagens e deixar a sua postagem super caprichada!!! Vamos ver?? Bjsss!!!



Passo a passo:

passo: Comece a sua postagem normalmente, escrevendo o que você quer passar para o seu leitor. Na hora de colocar as imagens, faça como está escrito no passo 2.

passo:  Clique em HTML na sua postagem.Nisso irá abrir aquela parte de códigos que se refere o que você escreveu em sua postagem.Desça até o final da sua postagem, dê um pequeno espaço entre a sua postagem e coloque o código abaixo.


Esse é o 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>
 
 
Ficará assim: 



passo: Aonde está " >sua imagem aqui</div>
Você apaga o que está em vermelho, mas deixa as aspas e o resto,ok.
Ex: "></div>

No meio do><, ficará piscando o cursor e ai que você vai clicar no link para inserir a imagem na postagem.



 4º passo: Você escolhe a sua primeira imagem para colocar lado a lado.Lembre-se, que no código, há três lugares para colocar imagem,ok. Esse é o primeiro. Escolheu a imagem? Dê o ok.Assim que der o ok, aparecerá essa janela:


Eu escolho sempre como está nesse quadro. Assim, eu consigo colocar 3 imagens lado a lado, usando o código todo.
Repita a operação mais duas vezes e suas imagens ficarão como as que estão abaixo.




 Bem, eu não sou expert nesse assunto, aprendi sozinha, fazendo pesquisa no Google.Se você quiser colocar mais imagens, como eu faço na página CARTEIRINHAS da Agenda dos blogs, vá colocando o código e inserindo imagens.

Amigos, esse é um pequeno tutorial feito por mim para vocês capricharem em suas postagens.Qualquer dúvida, estou a noite no Facebook, pode me chamar,ok.Bjsssss!!!!


 





Comentários
23 Comentários
                       
                                                   
                                                                           

23 comentários

  1. Olá Magda
    Nossaaa, quanto código, só usando para apender direitinho.
    Obrigada pela dica!
    Ótimo final de semana para vc!
    Abraços

    ResponderExcluir
  2. Boa noite Magda!
    Amei sua postagem amiga!
    Mais uma vez nos repassando o que vc sabe.
    Obrigada e parabéns!
    Poucas pessoas fazem isso.
    Na minha próxima postagem vou tentar,e caso eu não consigo te chamo no fb,e se conseguir venho aqui e dou um grito CONSEGUIR. rsrsrs.
    Bjsss

    ResponderExcluir
  3. Oi Magda, voltei!
    Muito boa sua postagem embora a primeira impressão é que é difícil, mas, seguindo esse passo a passo acho que vou conseguir.
    Bjs e obrigada

    ResponderExcluir
  4. Oiiiiiiiiii amada, obrigado pela dica! ameiiiiiiiiiiiii, beijinhossssssssssssss

    http://rubiaartes.blogspot.com.br

    ResponderExcluir
  5. Magda do ceu, ce ñ sabe o quanto vc me ajudou, eu sabia colocar textos lado a lado mas fotos ainda nãoo sabia, obg pelo tutorial :D

    ResponderExcluir
  6. Boa noite...
    Adorei a postagem, mas pra mim é um pouco complicado, mas vou tentar ...
    Obrigada por nos ensinar...
    Bjuss e um ótimo final de semana...

    ResponderExcluir
  7. muito boa a dica, nunca consegui fazer isto e fica mais bonito, valeu!!!

    http://mentesinfantisfuturodapaz.blogspot.com.br/

    ResponderExcluir
  8. Ótimas dicas mas vou ter que treinar, pois sou devagar , na teoria rsrsrs, mas praticando chego lá ,bjspedacinhosderetalhoseli.blogspot.com

    ResponderExcluir
  9. Adorei a dica!Muito útil :) vou testar.

    ResponderExcluir
  10. Muito boa a dica, muitas vezes queremos colocar imagens lado a lado pra mudar um pouco as postagens, e não sabemos como, imagens lado a lado deixa as postagens com um visual maravilhoso, beijos.
    http://www.lucimarestreladamanha.blogspot.com.br/

    ResponderExcluir
  11. Ola Magda, eu amei o tuturial.
    beijinhos
    http://falaseriorah.blogspot.com.br/

    ResponderExcluir
  12. Bom dia Magda!
    Dicas, sempre bem vindas, de repente o que parece impossível para alguns, torna-se possível, com um simples tutorial que foi feito com uma linguagem, digamos...popular. Valeu muito. BjusLuz!
    www.blogdakassinhagomes.blogspot.com

    ResponderExcluir
  13. Boa tarde Magda!
    Obrigada pelo seu tutorial, pois, eu sempre quis colocar as imagens lado a lado e nunca conseguia!
    Beijos com carinho,
    Andreza Silva Souza
    www.detalheseartes.blogspot.com.br

    ResponderExcluir
  14. Olá.....gostei muito dessa dica.....quando comecei no blog.....essa foi uma das minhas dificuldades.....é um stresssssss.....e como sempre...explica muito bem.....beijocas

    ResponderExcluir
  15. super fácil, Magda eu ñ sabia.. adorei a dica.. bjs e sucesso!
    www.karinapadilha.blogspot.com.br

    ResponderExcluir
  16. Amei a dica! Bora colocar em prática! hehehe Vai ser super útil!!! Obrigada! Bjs
    http://www.analauraartes.blogspot.com.br/

    ResponderExcluir
  17. Eu estou apaixonada pelo seu post. Não é atoa que você é professora. Você ensina muito bem. Pena que eu não tenho tanto tempo para ver tudo que tem no seu blog, deve ter uma infinidade de conteúdos maravilhosos para nós blogueiras. Obrigada a Deus em primeiro lugar em te conhecer, não é falsidade, nem estou puxado saco, somente falando o que penso e sinto. Bjsssss
    www.katiamagal.com
    @magalkatia

    ResponderExcluir
  18. Muito legal essa dica amiga, eu nunca imaginava que era dessa forma, vou tentar fazer um post pra ver se eu peguei certinho a dica. bjs Mag.

    ResponderExcluir
  19. Boa Noite Magda!Amei o post amiga! como sempre você repassando o que sabe,obrigada eu tenho muito o que aprender e você explica muito bem com muita dedicação.vou fazer,qualquer coisa entro em contato p/pedir socorro.Tenha um Ótimo Domingo! bjssss!! http://wwwmazeblogspotcom.blogspot.com.br/

    ResponderExcluir
  20. Amei o post, me ajudou muito.. Sempre tive essa dúvida!

    www.fikesperta.com

    ResponderExcluir
  21. maga Bom dia linda.
    Eu ja fiz no meu blog é super top e fica lindo não é.
    Super amei, muito bom, parabens pelo post bjs

    ResponderExcluir
  22. Adorei a dica. Sempre quis fazer isso mais não sabia como.
    Em breve vou testar!
    Super beijo😘

    ResponderExcluir
  23. Olá!
    Oba adorei a dica!
    Na minha próxima postagem vou tentar fazer!!!!
    Já vou guardar os códigos!
    Um super bjo!

    Alê - Bordados e Crochê
    Fã Page

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!