sábado, 23 de novembro de 2013

Revamp your blog



(Scroll down for English)

Andava há seculos para fazer alterações ao aspecto do blog (com a Susana constantemente atrás de mim...), mas sempre que ía começar, acabava por nem sequer me aproximar do computador. O braço direito ainda impróprio para consumo, este dia invernoso que se fez sentir e a minha incapacidade para estar no sofá uma tarde inteira foram os ingredientes perfeitos para "meter as mãos na massa". Não acho que esteja pronto, mas já não falta muito.
E o porquê deste post? Apenas para dizer que fiz mudanças no blog? Não! Isso vê-se e não passam ao lado. Queria antes partilhar o quão (mais ou menos) fácil isto foi e que está ao alcance de toda a gente.
Ora vamos por partes:

HEADER
Não sendo eu designer nem tendo conhecimentos de programas de design gráfico, contei apenas com o meu bom senso, sentido de estética, gosto pessoal e o meu amigo Picmonkey. Pois é, o header foi feito com recurso apenas à plataforma online que eu adoro!
Ao trabalhar as cores tomei nota num bloco os códigos das mesmas e já vos explico porquê.
No final foi só fazer o upload do mesmo.

Usando os mesmos tipos de letra e cores criei também as imagens de perfil para usar no fb, Instagram e Pinterest e o favicon (o símbolo pequenino que aparece lá em cima na barra de endereços).

TEXTO, TÍTULOS e afins
Para lhes mudar as cores (podia ter alterado as fontes, mas não quis) fui segui o seguinte caminho:

Dashboard > Template > Customise > Advanced
(tenho o blog em inglês e não faço ideia de como isto possa estar traduzido...)

Aqui fui alterando as cores usando os códigos que tinha anotados no papel quando criei o header

Social Media Icons
Quando fiz o curso da Holly há uns meses introduzi os ícones de social media na barra lateral, mas os amarelos que lá estavam já não combinavam com a palette actual, tive de arranjar novos. Como? Procurei no Google por "free social media icons for blogger", escolhi, fiz o download e procedi às substituições necessárias. Já não me lembro que tutorial segui inicialmente, mas encontrei um que vos servirá igualmente.

Ainda me falta resolver a questão do Linkwithin - tenho de aumentar o número de histórias por baixo de cada post - pois como diz a Ana "parece que está coxo" (e parece mesmo!), mas isso já não vai ser hoje...


It's been ages since I started thinking about making a face-lift to my blog, but I kept postponing just until today. My right arm is still uncapable of knitting or sewing, the weather outside is crap and  I'm not the kind of person who sits in the sofa for a long time - these three together were the perfect ingredients to sit with my computer in front of me and make the necessary changes. It's obvious that this post is not just to let you know that I revamped my blog - everyone can see that! I just want to share with you how easy it was and if I can do it, you can do it as well.
How did I do this?

HEADER
I'm not a designer and I can't use any graphic design programs so I used my best friend Picmonkey! Easy peasy lemon squeezy :-) As I was making it I took note of the colour codes I was using for later. You'll see why in a minute.

Using the same fonts and colours I made the  favicon and the logo for fb, Instagram and Pinterest.

TEXT, TITLES and so on...
I decided not to change the fonts. Only the colours. To get to that point I followed this path:


Dashboard >Template > Customise > Advanced

And here I only had to change the colour codes for the ones I had just written down in my notepad.

Social Media Icons
Back in March when I attended Holly's e-course I added the yellow social media icons (or buttons) I had before, but now yellow is not part of my new colour scheme so I had to find new ones. How? Just googled for "free social media icons", chose ones, downloaded them and then followed some simple instructions on how to upload them to my blog. 

I still have some work to do on the Linkwithin widget - I need to add more stories to it, as it doesn't look balanced.

Pano p'ra Mangas

11 comentários:

  1. Está coxo, mas lindo!!! E não te esqueças que a parte visual conta, mas se o conteúdo não me interessa, não há "visual" que o safe!!! :)

    ResponderEliminar
    Respostas
    1. Ai Ana, que te citei, mas esqueci-me de te linkar. Já está corrigido :-)
      I'm sorry....

      Eliminar
    2. Oh pá, caganda chatice.....estava aqui a perder o sono. :)

      Eliminar
  2. Esta casa melhora de dia para dia!!! Está muito bonito, fizeste um trabalho excelente!!

    ResponderEliminar
  3. Está muito simpático. Gosto!

    ResponderEliminar
  4. Hoje não poderia deixar de comentar ;)
    Olá Margarida ,primeiro lindo nome ,não fosse este o nome da minha filha :)
    Sabes que encontrei o pano pra mangas há pouco tempo e este blog já me ensinou tanto .Sabias que foste tu que me apresentas te o pic monkey (sim eu desconhecia esse free online photo editor )
    Sabias que ao ler este post fizeste me fazer acreditar que talvez consiga mudar o header do meu proprio blog ?
    Os meus parabéns pelas tuas conquistas ,pelas tuas partilhas e continua assim pois eu tão há pouco tempo por aqui ando e já aprendi tanto .

    bj com carinho
    Lulu

    ResponderEliminar
  5. Eu fui espicaçada pela mesma "agulhinha" a dar cara nova ao No Soup que também se ia arrastando com o mesmo velho layout há anos. E fiz o mesmo: arregacei as mangas, peguei nas ferramentas que uso, muita pesquisa e tchan.
    Uma lufada de ar fresco! Nada como um pano novo para renovar a vontade partilhar coisas boas. Venham elas!
    (adorei o laranja!).
    Bj*

    ResponderEliminar
  6. Não há nada como fazer mudanças de visual, para trazer um novo estímulo aos blogs!

    Ficou muito agradável :)

    ResponderEliminar
  7. E ficou bem giro!!! Eu ando com a mesma vontade mas sem tempo, quando passar a fase das avaliações tenho de me agarrar ao tal "Monkey" para aprender e mudar.

    ResponderEliminar
  8. Ficou muito giro, gosto da combinação do laranja e do azul. Obrigada pela partilha. Tenho que "beber" bastante da tua inspiração para ver se ganho coragem.

    xx

    ResponderEliminar

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...
Blogging tips