✰✰Personalizando o cabeçalho do Blog - BLOGGER✰✰

Oi Gente !

Hoje no "Faça seu Template", vou mostrar como você pode personalizar o cabeçalho do seu blog, de maneira ampla,                                                                                                   Vem ver!

O vídeo esta bem explicadinho, mas caso você queira os códigos, seguem eles abaixo:

Colocar Banner no HTML

Procure por "header-wrapper { " e após a chave { coloque o seguinte código:

background: url( ENDEREÇO DA IMAGEM) no-repeat;

No lugar de "ENDEREÇO DA IMAGEM" cole o endereço da sua imagem, e ela precisa estar dentro das dimensões do cabeçalho.

Referente as medidas do Banner.

Foi predeterminado no vídeo anterior, que você pode ver aqui, uma largura de 1100px e altura de 250px, tanto para a Header(cabeçalho) quanto para o h1(titulo), porem o titulo precisou ser alterado para 200px, e o header-wrapper recebeu um espaçamento inferior de 10px, ficando assim:

#header-wrapper { background: url("URL DO SEU BANNER") no-repeat; width:1100px; height: 250px; padding-bottom: 10px; margin:0 auto 10px; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { font-size: 30px; margin: 5px; text-align: center; color: purple; } #header h1 { width: 1100px; height: 200px; margin:5px 5px 0; padding-top: 80px; line-height:1.2em; letter-spacing:.2em; font-family: Comic Sans MS; }

Caso você queira ver com imagens como colocar um banner através do layout do blogger, basta clicar no link abaixo.

Downloads

Template minima left

Photoshop
use a senha #fst#

Cris Rocha