21 de mai de 2015

Projeto Up! : Como criar um header (cabeçalho) legal!

Oie!
Tinha dito na página do blog que não haveria postagem essa semana, mas fiquei sem nada pra fazer então né....
Hoje voi iniciar a TAG "Projeto Up" com dicas para seu blog. Que foi indicação de uma leitora do blog que respondeu a pesquisa de público.
Vou começar então falando do essencial.
Como fazer um header ou cabeçalho legal para seu blog.

1. A primeira coisa a se fazer é decidir sobre o que o blog vai tratar, sobre moda, maquiagens, viagens, etc...
2. Depois pense em algumas coisas que lembrem isso, como vestidos, batons, a miniatura do mundo,etc...

3. Não se esqueça de fazer o download dessa foto que está aqui em baixo (é só salvar)

4. Depois abra ou corte uma imagem no Photoscape do tamanho que desejar que o header tenha (eu uso  1090X438, mas vai de cada um)
5. Depois encontre uma posição que ache legal, tipo na lateral, em cima, por ai...
6. Após isso, vamos encontrar uma fonte legal, se seu blog vai tratar de moda, uma fonte um pouco mais formal seria legal, se for sobre maquiagem seria interessante uma fonte formal, mas com o "ar de tô zuando" (entendeu né?) tipo uma fonte mais arredondada, se for sobre viagem dá pra usar a mesma fonte sabe. Abuse das fontes!


7. Depois é só ver se precisa de alguma coisa mais, mas sem deixar tudo muito cheio sabe?
Abaixo deixo à vocês alguns PNG's que encontrei :D

















Como colocar no blog:
-Vá no seu blog, layout, onde está escrito "Nome do seu blog(Cabeçalho), vá em Editar, se o seu blog já tiver imagem vá em Remover imagem, se não tiver pule pra próxima etapa. 
- Marque a opção Em vez de título e descrição e vá em Escolher arquivo.
- Procure sua imagem, clique nela e em abrir. Espere carregar, vá em Salvar. 
- A janelhinha vai fechar e você vai em Salvar alterações.

Se Quiser Centralizar!
É só entrar em modelo> Editar HTML dar um ctrl+F e pesquisar por  <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> depois que encontrar é só colocar  <center> no inicio do código e </center> no final do código.
Beleza!?

Espero que tenho ajudado!
Pelo menos no inicio do blog né HAHA
.
.
.
Tem vaga de CDC lá na page do face!
Quem quiser é só entrar em contato comigo, pode ser pela fanpage mesmo :)