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:
Espero que tenha gostado :)
Bjinhos :)
Eu não mexo em nada disso. :|
ResponderExcluirLayout, 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
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 !
ExcluirAdorei o post,super explicadinho...Bjokas
ResponderExcluirhttp://docemell20.blogspot.com.br/
Oi querida eu sou pessima para mexer com configurações e tudo mais..
ResponderExcluirmais sempre tenho buscado aprender mais..suas dicas foram otimas lindona bjsss
www.zilandramakes.com.br
Muito bom e uma dica fácil pra que não entende muito de HTML poder fazer sozinho
ResponderExcluiradorei bjs Carlah Ventura - Intensa Vida
Não consigo mexer não adianta kk
ResponderExcluirEu 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/
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
ExcluirEu também não sei mexer com isso, o meu blog tem um Design. Meu sonho aprender!
ResponderExcluirBeeeijos
maravilhosas dicas
ResponderExcluiramei saber to amando
essas dicas
Linda Noite
beijokas da Nanda
Mamãe de Duas
Google+Nanda
Ótima dica, bem explicadinho
ResponderExcluirbeijos
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!!
ResponderExcluirBjos Alê e suas Singularidades
http://aleesuassingularidades.blogspot.com.br/
Adorei as dicas,,,,vou tentar fazer. kkkk
ResponderExcluirAbraços!
www.pipocasemaquarela.com
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.
ResponderExcluirValeu pela dica e Beijos!
anaholiveeira.com.br
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.
ResponderExcluirbjokas
lainemenezes.wordpress.com
Muito obrigada pela dica! Eu não entendo NADA do WordPress rsrs. Mas vou tentar aprender pra trazer conteúdo pra quem usa! Beijinhos
ExcluirEste comentário foi removido pelo autor.
ExcluirAdorei a dica e já fui fazendo passo a passo.
ResponderExcluirFiz 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
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!
ExcluirAdorei a dica muito legal mesmo! Beijos
ResponderExcluirEu confesso que amo deixar minhas imagens no grande do blogger mesmo rsrsrs
ResponderExcluirAdorei suas dicas.
Bjks da Mãe Vaidosa
que dica boa, adoreiii. Acho que as fotos do mesmo tamanho sempre fica mais bonitas.. irei fazer esse passo a passo.. beijos
ResponderExcluirEu uso o photo scape e nada mais, rs
ResponderExcluirNão tenho muito tempo pra mexer nisso.
beijocas
Super dica menina, vai ajudar muitas iniciantes
ResponderExcluirbjcas
http://www.estou-crescendo.com/
que dica legal! Bom saber!
ResponderExcluirBjos
Tatty Nunes - Mãe de Primeira Viagem
Não entendo nada de HTML. Mas adorei essas dicas pra ajudar as amigas que precisam. Bjs
ResponderExcluirMuito bom e simples de fazer, vou aplicar la no blog tbm
ResponderExcluirParabens
Bjs
Ótima a dica, vai ajudar muitos beijos.
ResponderExcluirBlog /Fan Page / Twitter /
Tem muita gente que tem dificuldade, por isso a dica é muito importante.
ResponderExcluirAdorei
M&N | Desbrava(dores) de livros - Participe do nosso top comentarista. São 6 livros para escolher, kit de marcadores e 3 ganhadores.
Adorei a dica!
ResponderExcluirBeijos!
Sociedade do Esmalte
Menina parece que adivinhou
ResponderExcluirEu estava procurando um tuto assim
tenho medo de mexer no html mais vou tentar
Bjs
Ótima dica, adorei! Vou tentar fazer aqui hehe.
ResponderExcluirBeijos!
islary34.blogspot.com