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.
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://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:
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!
ResponderExcluirSegui-te<3 se quiseres faz uma visita ao meu e retribui:
http://nuancesbyritadias.blogspot.pt/
Beijinhos*
Seu layout é tão lindo <3 Adorei o post!
ResponderExcluirE eu super toparia um concurso cultural (sorteio, não) pra ganhar o layout!
www.camilakellen.com
Estou pensado em mudar o meu Lay, amei as dicas
ResponderExcluirBeijos
Blog Segredos da Cáh
Instagram
Facebook
Canal do You Tube
Adorei o post com essa dica, mto bom mesmo! Eu sempre busco inspiralçoes no Pinterest para fazer as mudanças!!
ResponderExcluirBjss
Linda Menina
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*
ResponderExcluirSuper 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
Isso amiga! ótimas dicas pra quem esta precisando dar um super UP. Muito útil!
ResponderExcluirhttp://www.meianoite-br.blogspot.com.br/
Ótimas dicas, adorei principalmente sobre os rascunhos e testes!
ResponderExcluirBeijos Vic, www.nossomosmoda.com
Que legal, amei as dicas!
ResponderExcluirUm beijo,
www.blogiranamaciel.com.br
Que post maraa, adorei as dicas,
ResponderExcluirarrasou.
Quanto ao sorteio faz sim, vai ser sucesso
BeijO :*
✖ Blog Luanna Ravanelli / Fanpage / Instagram
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
ResponderExcluirBeijos
Filha do Rei
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
ResponderExcluirGostei 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/
Oi Thays !!
ResponderExcluirO 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
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!
ResponderExcluirBeijos Thay :* <3
www.adrielibertelli.com
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.
ResponderExcluirBeijos!
http://www.hey-fashion.com/
Muito bacana as dicas no começo eu tentava fazer mas ai achei um layout free e estou a um bom tempo.
ResponderExcluirBeijos
Aline
http://comprasdemulheres.blogspot.com.br/
Adoorei as dicas Thay, mas não sei mexer com nada disso acredita?
ResponderExcluirPrefiro 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!
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. :)
ResponderExcluirMuito boas as dicas! Um beijo linda!
www.impulsofeminino.com
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 :)
ResponderExcluirhttp://aquarelando.tk
Esse post é bem legal para quem quer começa e não sabe como!
ResponderExcluiraprendi a mexer no HTML e mesmo meus layout não ficando um escândalo eu adoro eles kkk
seteprimavera.blogspot.com.br
Uma vez fui tentar mexer com isso e foi um desastre kkkkk aah e faça o sorteio sim <3
ResponderExcluirbeijos
www.blogbelezamake.com
Muito boas as suas dicas, gostei muito do post.
ResponderExcluirUm sorteio de layout seria super legal.
Beijos
Jana Makes Esmaltes e Cia
Adoeeeeei essas dicas.. tenho estudado bastante webdesign.. e sempre to atras de links com dicas :D adorei o post
ResponderExcluirvireimamis.esy.es
Amei as dicas, sempre fico em dúvida quanto ao que devo mudar.
ResponderExcluirBeijooss.
http://coisasdemulhercris.blogspot.com.br/
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
ResponderExcluirhttp://www.olhameucacheado.com.br
Amei as dicas, quem dera eu entendesse de html kkkk
ResponderExcluirFiquei perfeito seu layout.
bjkas lindona
www.garotafucada.com.br
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 ❤
ResponderExcluirBlog Menina, surtei!
www.meninasurtei.com
Ganhe dinheiro com o seu blog clicando aqui.
Te espero no meu cantinho, beijão!
Adorei as dicas, muito bem escrito o seu post.
ResponderExcluirJá 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
dicas ótimas linda s2 bjuus
ResponderExcluirSorria Princesinha
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.
ResponderExcluirwww.blogdahida.com
Dicas que realmente funcionam..
ResponderExcluirEu viva mexendo em tutos antes de poder pagar um lay!
www.chaeamor.com
ó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!
ResponderExcluirhttp://www.carolinapeclat.com
Beijos Carol Peclat
Thais,
ResponderExcluirÓ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
Muito boas dicas.
ResponderExcluirGostei.
Bjim ...
blog Usei Hoje
otimas dicas, era exatamente o que estava procurando
ResponderExcluirbeijinhos
new post http://sarameirelesthesnowwhite.blogspot.pt/2015/11/perfect-winter-break-in-seasons-most.html
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.
ResponderExcluirBeijo! ♥
http://blogsegurame.blogspot.com.br/
Muito bom!
ResponderExcluirCom carinho,
Fernanda Macena.
http://ideepregaiblog.blogspot.com.br/
@fer.macena ♥