Ola meninas e meninos, tudo bem com vocês!
Hoje eu venho com mais um Tutorial para Blogueiras, a algum tempo venho buscando formas de melhor a cara do blog, para isso tenho outros blogs para "testes de layout's" , e vim compartilhar com vocês como colocar o cabeçalho em toda largura do blogger.
Observações:
- Lembrando que esse tutorial básico apliquei ao modelo Travel editado, ou seja modifiquei vários detalhes no layout, mas a base inicial do blogger é o "Viagem /Travel"
- E que nem todos tutorias funcionam em todos os modelos, eu mesmo já testei vários que não deram certo, ate conseguir.
Continuando... é bem simples, basta ter um cabeçalho nas dimensões de acordo com seu blog/pc e um background hospedados. Para quem não sabe onde hospedar, eu sempre uso o TinyPic.
Feito isso, vá em DESIGN, depois EDITAR HTML, Dê Contrl+F e procure por:
/* Content ----------------------------------------------- */
Você encontrara esse código:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Abaixo desse "}" cole o seguinte código:
body, html {
height: 400px;
margin: 0;
padding: 0; }
body {
background: url("LINK DO TEU CABEÇALHO") no-repeat; }
html {
background: url("LINK DO TEU BG") repeat; }
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
Onde tem LINK DO TEU CABEÇALHO Substitua pelo link da imagem (cabeçalho hospedado)
Onde tem LINK DO TEU BG Substitua pelo link do backgroud ou pode usar uma cor definida: Ao invez de "backgroud: url" substitua por "backgroud: #SuaCorAqui".
Prontinho!
Espero que vocês tenham gostado!
Acompanhe nosso blog, com novas dicas toda semana para blogs e blogueiras!
Creditos Go Imagine