Blogger tips | Layout - Fotos

Alô meus amores como estão?
Hoje trago-vos a rubrica: Bloggers Tips. Estou a apostar neste tipo de posts por muitas razões. Dão-me vontade de pensar e pesquisar vários assuntos que quero abordar, dão-me vontade de escrever e tirar novas fotos e ainda embelezar os posts com vários textos e fotos. São dos posts que mais gosto de fazer porque ficam diferentes de todos.

Hoje venho-vos falar de fotos. Vou-vos explicar como postar uma foto com fundo branco sem o fundo ficar cinzento, vou ensinar-vos a tirar a moldura branca que as fotos têm sempre predefinidas e ainda como meter as fotos aqui no blogger numa medida fixa. Estão preparadas? Então vamos lá a isso!

  • Como posso postar uma foto com fundo branco que não fique cinzento?


Ora esta é uma questão que muitas meninas não sabem solucionar mas que é a coisa mais fácil do mundo. Basta que quando estão a guardar a foto guardem em png. e não em jpeg.! Fácil não é? Dá para fazer isso (salvo erro) em todos os programas de imagem. Basta irem a guardar e escolherem o "Formato" PNG.

  • Como posso tirar a moldura predefinida da foto aqui no blogger?
Podem ver este post (o outfit da imagem) carregando aqui.

Também é muito fácil mas esta já requer um codigozinho de ajuda. Se quiserem então tirar a margem que vos aparece em todas as fotos quando predefinem um modelo aqui no blog basta irem a: Modelo -> Personalizar -> Avançadas -> Adicionar CSS. E aí iram colocar este código:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Et voilá, vão passar de ter a margem para não a ter! É fantástico o que se consegue fazer com códigos no HTML, acreditem :P

  • Como colocar uma medida fixa nas fotos do blogger?
Podem ver este post (o outfit da imagem) carregando aqui.
Esta é talvez a mais chata, pois sempre que fizerem um novo post terão de mexer nas medidas das fotos. É chata mas não é difícil. Basta postarem as fotos aqui no post em "Redigir" e assim que estiverem todas carregadas vão a "HTML" e mudam onde vos mostro na imagem abaixo! Deixem sempre o auto em "height" para as fotos ficarem na medida certa. A minha é 749 de "width" mas a vossa poderá não ser. Vai depender da medida que têm no vosso blog e isso basta tentarem a vossa melhor medida!


E pronto, aqui estão três questões que achei que poderia ser úteis para vocês! O que me dizem? Foram úteis ou nem por isso? Deixem aqui algumas sugestões de Blogger Tips, ia adorar ler para me inspirarem! Até ao próximo post, muah!

20 comments:

  1. Adoro este tipo de post e estas dicas já andam por o meu blogue há algum tempo!

    ReplyDelete
  2. Costumo editar o tamanho das fotos num programa antes de as colocar no blog. Mas assim como tu explicas aqui é muito mais simples. Obrigada <3

    ReplyDelete
  3. Adorei o post , ajudou-me imenso visto que sempre quis tirar as molduras das fotos , Obrigada :)
    Continua a fazer este tipo de post é muito útil.
    Beijinhos,

    elegantetpuissant.blogspot.pt

    ReplyDelete
  4. hey :) por acaso sabes como tirar a moldura apenas num post? obrigada :)

    Isa,
    http://isamirtilo.blogspot.pt/

    ReplyDelete
    Replies
    1. Não querida, só de um post não sei :/ Beijinhos

      Delete
  5. adorei a das molduras, thanks!! :D <3

    ReplyDelete
  6. Obrigada pela ajuda :D Gostei muito do post!

    Beijinhos

    ReplyDelete
  7. adorei o post, a última dica foi muito útil.
    beijinho,

    lollipopnecklace.blogspot.pt

    ReplyDelete
  8. Adorei as dicas :)
    Já te estou a seguir.
    Beijinhos
    http://cantinhoandreya.blogspot.pt/

    ReplyDelete
  9. Nice post, dear. Have a good day

    City fest - http://starlingdays.blogspot.com/2015/05/blog-post_19.html

    ReplyDelete
  10. perfrct blog dear !!!!
    would you like to follow each other on our blog ...?
    let me know --- >>> http://mcaruso930.blogspot.it/
    I aspect, a kiss: - *

    ReplyDelete
  11. Excelentes dicas! Fiquei fã desta rubrica :)
    Beijinhos **
    Estou a seguir.
    susieandfashion.blogspot.com

    ReplyDelete
  12. great tips! Thanks for sharing. they're very helpful :)

    http://lovepeaceandshimmer.blogspot.com/

    ReplyDelete
  13. Thank you for sharing these tips ♡

    ReplyDelete
  14. Although I couldn't understand what you said, these tips did seem to make a lot of sense!

    XO Naomi in Wonderland

    ReplyDelete
  15. Adorei as dicas, obrigada por as partilhares :)
    o teu blog tem um design mesmo bonito :)

    beijinhos
    Pretty Little Stories

    ReplyDelete
  16. Muito obrigada pelas dicas! ;) Acho o teu blog mesmo interessante.
    Beijinho

    Pictures After Coffee

    ReplyDelete
  17. eu já devia saber estas coisas xD Mas obrigada pela lembrança, tá bem explicado e é uma coisa que faz tanta diferença!

    ReplyDelete

Powered by Blogger.