31 outubro 2014

Dicas e Tutorial: Redimensionando Imagens

Oi gente tudo bem :)
Hoje temos: 




Olá Girls
Hoje trago uma dica super fáciiiiiil, que deixa o blog mais fofo e organizado! É um redimensionador de imagens para o blog. Sabe quando a gente insere uma imagem na postagem, e elas nunca ficam do mesmo tamanho? E a gente ainda tem que escolher entre aqueles tamanhos padrões do Blogger: pequeno, médio, grande ou muito grande. Com esse redimensionador as imagens das suas postagens ficaram automaticamente no mesmo tamanho, e o melhor, são só 3 passos práticos e rápidos! 

Vamos ao passo á passo?

1: Vá em Modelo > Editar Html
2: Clique na caixa de códigos e dê Ctrl+F e procure por: body { 
3: Cole o código abaixo acima da tag encontrada

Código:
.post img { max-width: 300px; /* Valor limite ajustado */ height: auto; }
.post img { min-width: 300px;/* Valor limite ajustado */ height: auto; }

O que está destacado em vermelho é o que você pode mudar. Esses numeros tem que ficar exatamente iguais. Eles definem o tamanho das imagens. Você pode alterar para um número maior ou menor. Aconselho que quem use mini gifs nas postagens (), não utilize esse código porque ele redimensiona automaticamente todas as imagens dentro da postagem. Depois de instalar o código no seu Html, você vai precisar fazer mais uma coisinha.

- Vá em Layou > Postagens no Blog e clique em Editar.
Lá você vai observar várias caixinhas de seleção. 
Na caixinha onde está escrito Mostrar edição rápida, você vai desmarcar.
Veja o exemplo na imagem abaixo:





E é só isso! Viu que rápido e prático? Beijinhos e até a próxima dica/tuto :)

Vocês podem me Encontrar aqui:


Blog: Conto de Fadas         e    


Espero que tenha  gostado :)

Bjinhos :)
  


31 comentários:

  1. Eu não mexo em nada disso. :|
    Layout, configurações fica com o design, é demais pra minha cabeça. kkk
    Mas pelo visto esse passo a passo é fácil, vai ajudar muito quem tem dificuldade.
    Bjão

    www.blogdajeu.com.br

    ResponderExcluir
    Respostas
    1. Rsrs.. Mas com o passo a passo fica facinho. Meu conselho, é criar um blog de testes pra você fazer as dicas e aprender, assim você não estraga o seu blog e ainda economiza quando quiser algo novo no layout !

      Excluir
  2. Adorei o post,super explicadinho...Bjokas
    http://docemell20.blogspot.com.br/

    ResponderExcluir
  3. Oi querida eu sou pessima para mexer com configurações e tudo mais..
    mais sempre tenho buscado aprender mais..suas dicas foram otimas lindona bjsss
    www.zilandramakes.com.br

    ResponderExcluir
  4. Muito bom e uma dica fácil pra que não entende muito de HTML poder fazer sozinho
    adorei bjs Carlah Ventura - Intensa Vida

    ResponderExcluir
  5. Não consigo mexer não adianta kk
    Eu não faço assim, prefiro redimensionar com editor de foto mesmo. Deixo tudo certo depois coloco no blog.

    Beijos
    Geri Ferreira
    http://www.encantodemeninablog.com/

    ResponderExcluir
    Respostas
    1. Editor de fotos também é legal! Eu uso os tamanhos do blog pq coloco mini gifs em postagens cado contrario usaria esse redimensionador poq com ele e tudo automático rs

      Excluir
  6. Eu também não sei mexer com isso, o meu blog tem um Design. Meu sonho aprender!
    Beeeijos

    ResponderExcluir
  7. maravilhosas dicas
    amei saber to amando
    essas dicas

    Linda Noite
    beijokas da Nanda

    Mamãe de Duas
    Google+Nanda

    ResponderExcluir
  8. Nossa sou péssima em HTML e na verdade tenho medo de mexer e desarrumar o Blog todo, rss!!! Mas adorei saber dessa possibilidade de redimensionar as fotos, dai quando agente colocar qualquer tipo de imagem ela automaticamente irá seguir o padrão em todos os posts né, muito legal! Esta super explicadinho, talvez eu tome coragem e tente, rs quem sabe!!

    Bjos Alê e suas Singularidades
    http://aleesuassingularidades.blogspot.com.br/

    ResponderExcluir
  9. Adorei as dicas,,,,vou tentar fazer. kkkk
    Abraços!
    www.pipocasemaquarela.com

    ResponderExcluir
  10. Nossa! Que legal, bom saber que dá pra fazer isso, morro de raiva quando coloco várias fotos num post e cada uma fica de um tamanho, vou tentar fazer isso.
    Valeu pela dica e Beijos!
    anaholiveeira.com.br

    ResponderExcluir
  11. Muito bom o post...uma dica quando der dicas assim pro blog tentar dar tanto pro blogspot quanto por wordpress assim vc vai abranger todas as leitoras.
    bjokas

    lainemenezes.wordpress.com

    ResponderExcluir
    Respostas
    1. Muito obrigada pela dica! Eu não entendo NADA do WordPress rsrs. Mas vou tentar aprender pra trazer conteúdo pra quem usa! Beijinhos

      Excluir
    2. Este comentário foi removido pelo autor.

      Excluir
  12. Adorei a dica e já fui fazendo passo a passo.
    Fiz tudo como estava ali, depois vou ver se deu certo.
    Só fiquei em dúvida de uma coisa, qual o tamanho ideal para deixar ali nos códigos?
    Obrigada pela dica.
    Bjinhos.
    www.prosaamiga.com.br

    ResponderExcluir
    Respostas
    1. Bom não tem um tamanho "ideal". O tamanho vai ser o que você achar melhor pro seu blog. Se você deixar "300 px" elas vão ficar +/- medias. Você pode fazer um post de teste com fotos, ai você altera o numero e salva. Vai no seu blog e atualiza dai voce vai fazendo assim ate as imagens ficarem de um tamanho que te agrade. Caso de algum erro e não funcione no seu modelo, basta você voltar e body { e retirar o código dai é só salvar que volta ao normal e fica como antes. Eapero ter ajudado qualquer duvida entre em contato!

      Excluir
  13. Adorei a dica muito legal mesmo! Beijos

    ResponderExcluir
  14. Eu confesso que amo deixar minhas imagens no grande do blogger mesmo rsrsrs
    Adorei suas dicas.
    Bjks da Mãe Vaidosa

    ResponderExcluir
  15. que dica boa, adoreiii. Acho que as fotos do mesmo tamanho sempre fica mais bonitas.. irei fazer esse passo a passo.. beijos

    ResponderExcluir
  16. Eu uso o photo scape e nada mais, rs
    Não tenho muito tempo pra mexer nisso.

    beijocas

    ResponderExcluir
  17. Super dica menina, vai ajudar muitas iniciantes
    bjcas
    http://www.estou-crescendo.com/

    ResponderExcluir
  18. Não entendo nada de HTML. Mas adorei essas dicas pra ajudar as amigas que precisam. Bjs

    ResponderExcluir
  19. Muito bom e simples de fazer, vou aplicar la no blog tbm
    Parabens
    Bjs

    ResponderExcluir
  20. Tem muita gente que tem dificuldade, por isso a dica é muito importante.
    Adorei

    M&N | Desbrava(dores) de livros - Participe do nosso top comentarista. São 6 livros para escolher, kit de marcadores e 3 ganhadores.

    ResponderExcluir
  21. Menina parece que adivinhou
    Eu estava procurando um tuto assim
    tenho medo de mexer no html mais vou tentar
    Bjs

    ResponderExcluir
  22. Ótima dica, adorei! Vou tentar fazer aqui hehe.
    Beijos!
    islary34.blogspot.com

    ResponderExcluir

Sejam todos bem vindos!
Deixe seu comentário ele é o que alimenta meu cantinho :)
Vou ler com carinho e responder com alegrias
Bjinhos a todos

Leteia Bispo