19 novembro 2015

Quero da um UP no meu blog! Por onde começo?

Workspace Branco Foto gratuita
Imagem por Freepik

Oiii meus amores tudo bem? Desde que troquei ou melhor dei uma atualizada no layout do meu blog tenho recebido muitos comentários elogiando e até algumas meninas relatando o desejo de atualizar o layout do blog por si mesma e um pouco de dificuldade que sente então pensando nisso eu resolvi montar um básico roteiro e alguns blogs que pode lhe ajudar.

Algo que quero começar falando é que esse post é uma introdução básica, não tenho pretensão em ensinar a programar e editar de forma profissional para sair abrindo portfólio, algo que começo a dizer é que o HTML/CSS e Photoshoop requer paciência e esforço, não há na web um tutorial que ensine passo a passo como montar um cabeçalho excelente e bem criativo, isso é algo que requer criatividade esse é o segredo para um excelente resultado, saber que pode sempre melhorar e inovar, outra coisa quanto ao html você sempre vai encontrar códigos neutros com poucas personalizações que é algo que depende do seu conhecimento em html para personalizar o código base, alguns blogs já disponibiliza ele personalizado porém se você quer aprender a fundo recomendo que tente estudar cada código.


Image and video hosting by TinyPic

1- Faça um rascunho do que você tem em mente, um conselho é visitar outros blogs e até portfólios para ter em mente o que deseja, pense no tema do seu blog e qual o público, pensa comigo um blog que fala de livros e filmes e o layout e um monte de boneca e maquiagem? Fica meio sem nexo né? Se o seu blog trata de apenas um assunto tenha um layout nesse assunto se é apenas livros faça algo com livros, se é maquiagem coloque maquiagem no cabeçalho, porém algo que tenho observado em blogs com layout profissional é algo neutro sem muitos enfeites ou que remete a um público.

2- Depois de ter montado o seu rascunho é hora de por a mão na massa e começar a buscar sites e blogs com materiais, o melhor editor de gráficos e imagens é o Adobe Photoshoop, atualmente eu uso a versão CS3 no notebook e CS5 no computador do meu serviço, é necessário ter conhecimento básico em photoshoop saber como abrir e criar documento em PSD, utilizar ferramentas como borracha, varinha mágica, camadas, ferramente elipse, letreiro regular ou seja ferramentas básicas do programa. Abaixo deixo alguns sites e blogs onde encontrar materiais e tutoriais.

 Vetores, gráficos...

Freepik - DeviantArt - iStockPhoto  - Shutterstock - Dafont  - Google Imagens - Tumblr's de HTML


Blogs de tutoriais...

http://cherry-liah.blogspot.com.br/p/tutoriais-e-goodies.html
http://mundoblogger.com.br/
http://camilasdesigns.blogspot.com.br/p/tutoriais.html
http://www.elainegaspareto.com/
http://www.followyourdreams.com.br/
http://www.coisasdeblogueiras.com/categoria/tutoriais/


3- Ponha a mão na massa... É hora de criar tudo, agora com os materiais em mãos, com uma noção básica de html essa é a hora de colocar tudo em prática, tenha uma página de teste, peça sempre a opinião de outras pessoas e tome cuidado com o plágio, inspiração é uma coisa, JAMAIS saia olhando o código fonte alheio e copiando códigos ou pegando os gráficos e mudando as cores ou até usando como está, lembre-se que plágio é crime e um autor daquele gráfico sabe quando foi ele que fez tal material, é melhor ter algo simples do que algo plagiado, a evolução vem com a prática se disponha a entender esse mundo de programações, youtube e google está cheio de tutoriais e videos ensinando, caso precise de ajuda ou queira conhecer algo PERGUNTE! Se você quer que eu ensine algo ou indique algum tutorial em específico pode deixar nos comentários ou entrar em contato comigo pelo e-mail: modernrapunzel1@gmail.com . 

Se você leu esse post até aqui quero sua opinião, estou planejando em fazer um sorteio de um layout personalizado por mim e gostaria de saber o que acham dessa proposta e se participariam, caso tenha algo a acrescentar nesse post me conte nos comentários.

Acompanhe o blog nas redes sociais:

36 comentários:

  1. Este post foi super útil :) o teu layout ficou super giro..eu já mudei à pouco tempo, mas quem sabe se não voltarei a mudar. Gostei muito do teu blog!
    Segui-te<3 se quiseres faz uma visita ao meu e retribui:
    http://nuancesbyritadias.blogspot.pt/

    Beijinhos*

    ResponderExcluir
  2. Seu layout é tão lindo <3 Adorei o post!
    E eu super toparia um concurso cultural (sorteio, não) pra ganhar o layout!
    www.camilakellen.com

    ResponderExcluir
  3. Adorei o post com essa dica, mto bom mesmo! Eu sempre busco inspiralçoes no Pinterest para fazer as mudanças!!

    Bjss

    Linda Menina

    ResponderExcluir
  4. OMG!!! Sinto que irei ter um treco. Primeira vez por aqui e como estou completamente apaixonada pelo teu blog! Amei o layout, amei cada detalhe... muito muito muito lindo *o*
    Super apoio um concurso cultural \õ
    Você é uma fofa e teu blog é simplesmente incrível! Já estou seguindo para não perder nunca mais o contato <3

    Valeu a pena esperar

    ResponderExcluir
  5. Isso amiga! ótimas dicas pra quem esta precisando dar um super UP. Muito útil!

    http://www.meianoite-br.blogspot.com.br/

    ResponderExcluir
  6. Ótimas dicas, adorei principalmente sobre os rascunhos e testes!
    Beijos Vic, www.nossomosmoda.com

    ResponderExcluir
  7. Que legal, amei as dicas!

    Um beijo,
    www.blogiranamaciel.com.br

    ResponderExcluir
  8. Que post maraa, adorei as dicas,
    arrasou.
    Quanto ao sorteio faz sim, vai ser sucesso

    BeijO :*
    Blog Luanna Ravanelli / Fanpage / Instagram

    ResponderExcluir
  9. Que dicas bacanas, muito bom passar essas informações para quem faz seu próprio layout, sempre ajuda. Estou sempre baixando imagens, vetores kkk e vou já fuçar nesses sites que voc indicou kkk
    Beijos
    Filha do Rei

    ResponderExcluir
  10. Tha! Primeira vez no seu blog e o achei maravilhoso! *--* Muito lindo e com post's muito bons rsrs dei uma "fuxicada" por aqui rs
    Gostei muito desse post...quem me dera ter lido ele antes, quando estava começando o blog e tinha mais tempo para "brincar" assim haha eu amava, mas não sabia nadaa de html e coisas do gênero...quebrei muito a cabeça kk
    Hoje voltei com o blog e paguei para fazerem rs...

    Seguindo o blog <3 Parabéns! Muito bom!

    bjos
    http://aninhamorando.blogspot.com.br/

    ResponderExcluir
  11. Oi Thays !!
    O layout do blog realmente faz toda a diferença não é mesmo ??
    Desde que mudei o meu também recebi vários elogios graças a Deus.
    Adorei sua recomendação de blogs que ajudam com tutorias, com certeza quero dar uma olhadinha por lá... Aprender nunca é demais !!
    Bjim

    blogpatyrezende.blogspot.com

    ResponderExcluir
  12. Oi Thay, tudo bem? Primeiramente gostaria de dizer que realmente, o lay do seu blog é maravilhoso. Sei bem como isso faz diferença e torna-o mais profissional, não acha? Faz pouco menos de dois meses que voltei para a blogosfera, pois minha mãe adoeceu e quando faleceu eu não tinha cabeça para voltar a escrever. Quase um ano que parei com o blog, resolvi voltar, então tive que me organizar, estudar, ver o que realmente ia falar. Porque em comparação ao meu antigo blog, o de hoje é muito mais profissional. Eu acho né kkkkkk Adorei as suas dicas e mesmo que a gente esteja na blogosfera a mais tempo, conhecimento nunca é demais!

    Beijos Thay :* <3

    www.adrielibertelli.com

    ResponderExcluir
  13. Esse post caiu em ótima hora, estou pensando em mudar o layout do meu blog e não sabia por onde começar, agora já sei.

    Beijos!
    http://www.hey-fashion.com/

    ResponderExcluir
  14. Muito bacana as dicas no começo eu tentava fazer mas ai achei um layout free e estou a um bom tempo.

    Beijos

    Aline
    http://comprasdemulheres.blogspot.com.br/

    ResponderExcluir
  15. Adoorei as dicas Thay, mas não sei mexer com nada disso acredita?
    Prefiro investir dinheiro no trabalho de alguém que ai eu tenho certeza de que vai ficar legal.
    Beijos!

    Blog Pam Lepletier / Quer dica de presente de natal gastando até R$ 35, então vem!

    ResponderExcluir
  16. Tô com muita vontade de melhorar meu Layout, assim que possivel vou encomendar um novo. Vou começar a fazer anotações sobre o que eu vou querer e esboços simples. :)
    Muito boas as dicas! Um beijo linda!
    www.impulsofeminino.com

    ResponderExcluir
  17. Apaixonei completamente pelo seu layout! Está lindo! E essas dicas ajudam muito. Pena que não vou muito com o blogger, prefiro wordpress. Mas está maravilhoso! E para quem precisa, essas são ótimas dicas :)

    http://aquarelando.tk

    ResponderExcluir
  18. Esse post é bem legal para quem quer começa e não sabe como!
    aprendi a mexer no HTML e mesmo meus layout não ficando um escândalo eu adoro eles kkk

    seteprimavera.blogspot.com.br

    ResponderExcluir
  19. Uma vez fui tentar mexer com isso e foi um desastre kkkkk aah e faça o sorteio sim <3
    beijos
    www.blogbelezamake.com

    ResponderExcluir
  20. Muito boas as suas dicas, gostei muito do post.
    Um sorteio de layout seria super legal.
    Beijos
    Jana Makes Esmaltes e Cia

    ResponderExcluir
  21. Adoeeeeei essas dicas.. tenho estudado bastante webdesign.. e sempre to atras de links com dicas :D adorei o post

    vireimamis.esy.es

    ResponderExcluir
  22. Amei as dicas, sempre fico em dúvida quanto ao que devo mudar.
    Beijooss.
    http://coisasdemulhercris.blogspot.com.br/

    ResponderExcluir
  23. O layout do seu blog está incrível, super fofo <3 Muito bom seu post, quero mudar algumas coisas no meu blog, estou pesquisando algumas coisinhas e seu post foi super útil! Também aprovo a ideia do sorteio. Bjs
    http://www.olhameucacheado.com.br

    ResponderExcluir
  24. Amei as dicas, quem dera eu entendesse de html kkkk
    Fiquei perfeito seu layout.
    bjkas lindona
    www.garotafucada.com.br

    ResponderExcluir
  25. Tutoriais são vida! Principalmente pra quem não tem uma graninha para investir no blog, que é o meu caso rs. Fuço em tudo, dou uma mudada em alguma coisinha e vou levando... Amei o post ❤

    Blog Menina, surtei!
    www.meninasurtei.com

    Ganhe dinheiro com o seu blog clicando aqui.

    Te espero no meu cantinho, beijão!

    ResponderExcluir
  26. Adorei as dicas, muito bem escrito o seu post.
    Já tem post novo rolando lá no blog, acesse: http://makeupmaker.com.br/blog/2015/11/festa-de-lancamento-do-blog-e-web-store-makeup-maker/
    Biejos

    ResponderExcluir
  27. Com organização e dedicação a gente vai longe. Quando decidir mudar o blog, também coloquei tudo no papel e deu certo. As ideias fluem melhor.

    www.blogdahida.com

    ResponderExcluir
  28. Dicas que realmente funcionam..
    Eu viva mexendo em tutos antes de poder pagar um lay!

    www.chaeamor.com

    ResponderExcluir
  29. ótimas dicas, e realmente seu lay é lindo! O meu eu mandei fazer pq o tentar fazer algo no wordpress é uma missão mega difícil, mas sempre tento eu mesma dar uma melhorada, principalmente da sidebar!

    http://www.carolinapeclat.com

    Beijos Carol Peclat

    ResponderExcluir
  30. Thais,
    Ótimas dicas para quem está começando!

    Tinha uma época que eu sabia fazer layouts bem básicos, no Macromedia Fireworks.
    Mas isso faz muuuuito tempo, os códigos html's pareciam ser mais fáceis, de tanto que eu mexia e mergulhava neste mundo.
    Parei de mexer em blogs, agora retornei e estou aos pouquinhos reaprendendo e aprendendo coisas novas de HTML.
    Acho muito legal saber personalizar o blog e fazer o próprio layout... o blog ganha personalidade e identidade próprias.
    Já favoritei este post, porque penso seriamente em fazer meu próprio layout e achei muito úteis os links de vetores e blogs de tutoriais.

    Se tiver sorteio de um layout personalizado com certeza topo participar! \o/
    Curti a ideia!

    ;* Beijo!
    www.rabisqueimeuhorizonte.com.br

    ResponderExcluir
  31. otimas dicas, era exatamente o que estava procurando
    beijinhos

    new post http://sarameirelesthesnowwhite.blogspot.pt/2015/11/perfect-winter-break-in-seasons-most.html

    ResponderExcluir
  32. O seu layout está maravilhoso de lindo! E realmente, os blogs mais profissionais e mais bonitos são aqueles com layout mais "clean". Eu li todas as dicas e fico muito agradecida por elas, eu aprendi muita coisa sozinha, pra quem era leiga nessas coisas. Foi uma luta fazer o layout do meu blog, editar cada códigozinho, mas consegui. Ainda não está do jeio que eu quero e tenho medo de mexer e dar algo errado haha Mas pretendo aprender cada vez mais, principalmente com blogs como o seu que disponibilizam essas dicas. E ah, super apoio o sorteio de um layout, vão ser um empurraozinho pra quem quer melhorar seu blog mas não tem recursos.
    Beijo! ♥

    http://blogsegurame.blogspot.com.br/

    ResponderExcluir
  33. Muito bom!

    Com carinho,
    Fernanda Macena.

    http://ideepregaiblog.blogspot.com.br/
    @fer.macena ♥

    ResponderExcluir