CABEÇALHO COM LARGURA TOTAL (AULA 02)

05 abril 2016

Demorou mas a segunda aula saiu! No último post aprendemos a colocar um Background Personalizado se você não viu, corre lá para não perder nenhuma aula.


Antes de tudo precisamos escolher o tema do nosso cabeçalho, se vai ser floral, aquarela, geométrico é por ai vai. E para que possamos ter uma vasta opção devemos pesquisar em inglês, pois assim teremos mais chances de encontrar aquele background perfeito.



Veja no exemplo abaixo:



Eu quero um cabeçalho em aquarela, então minha pesquisa foi Background Watercolor que traduzido significa Fundo Aquarela. Pesquise pelos dois e compare a diferença.



A edição desse cabeçalho pode ser feito no editor PhotoFiltre 7 com a largura máxima de 1350. A altura pode variar de acordo com o seu gosto. Particularmente, eu uso no máximo 800 de largura dependendo muito do que você quer no seu cabeçalho além do nome, como: Categorias, Menu e Slide que sempre vem abaixo do nome do blog e aparecem com o fundo do cabeçalho, como aqui no Manual, veja:



Deu pra perceber que o background de aquarela e flores termina com o slide em miniatura? É disso que estou falando. A escolha da altura deve ser calculada de acordo com os elementos que você colocará no cabeçalho.

Continuando...

Com o background pronto, agora vamos pegar a URL da imagem para adicionarmos em nosso layout, e para isso é preciso hospedar a imagem, mas eu tenho um jeitinho brasileiro super simples, que é publicar no próprio blogger e copiar o endereço da imagem com o botão direito do mouse.

Feito isso, coloque o link no devido lugar. Procure por:

*/Content
E como na imagem, cole o link onde está escrito url do 1° background sempre dentro das aspas. Substitua repeat por:

no-repeat center top

Modifique a altura como a imagem acima descreve. Agora vamos a segunda parte do cabeçalho que é o nome do blog. Eu disponibilizei  10 Fontes de Caligrafia  que eu mais uso em meus trabalhos e você não terá desculpas para escolher a fonte perfeita para o seu blog.

A largura indicada é de 980 e 400 de altura, e é ideal que você crie esse nome em um fundo transparente para não prejudicar aquele fundo maravilhoso que você criou para o seu layout. Você pode criar no próprio PhotoScape. 

BÔNUS: Clique aqui em baixe uma imagem transparente para criar seu cabeçalho 0/\0

Quando for salvar o cabeçalho com o nome do seu blog, salve em PNG pois somente essa extensão que permite deixar o fundo transparente. Ao baixar a imagem pode ficar preta ou branca, mas isso é normal, ela continua transparente. Faça um teste colocando-a por cima de uma imagem colorida.

Para adicionar a imagem do cabeçalho basta ir em LAYOUT - GADGET CABEÇALHO DA PÁGINA  vai abrir uma janela, clique em ESCOLHER UM ARQUIVO e selecione o nome do seu blog, depois selecione a opção EM VEZ DE TÍTULO DE DESCRIÇÃO e SALVE! Veja o exemplo abaixo:




Recadinho Importante: Estamos com apenas 14 seguidores no blog, e quando atingirmos 30 seguidores, vou publicar um layout free pra vocês \0/ Então, participe do Manual Da Blogueira e fique sempre por dentro das novidades fazendo parte das nossas redes sociais:



Por hoje é só galera. Caso tenha ficado alguma dúvida, não exite em perguntar! Um super bjo da Lory e até a próxima. 0/


Nenhum comentário:

Postar um comentário