quarta-feira, 18 de janeiro de 2012

Tutoriais Blogger - Expandindo a área do cabeçalho









Na maioria dos Templates - blogs "prontos" - a área do cabeçalho fica restrita apenas para exibição do título/descrição do blog como você vê na na imagem abaixo.



Mas, como eu gosto de ir sempre na "contramão do sistema" (rsrsrs) andei fuçando no código html e descobri como modificar esse padrão. O resultado você pode conferir no blog Canto da Guita, de minha autoria. 

Utilizei o template Style que pode ser baixado no site Premium Blogger Templates.


Aviso: Lembre-se de fazer uma cópia do blog antes de realizar as alterações!  


Pois bem, o procedimento é bem simples:


1º) No painel do Blogger, vá em Modelo/Editar HTML

2º) Tecle "CTRL+F" para abrir a janela de pesquisa e digite #header-wrapper
O texto encontrado aparecerá em destaque na cor laranja.

3º) Modifique os atributos "width" para 980px e "height" para 200px (lembrando que a imagem que será exibida no cabeçalho deverá possuir as mesmas medidas...). A linha de código modificada deverá ficar conforme abaixo:

#header-wrapper{width:980px;margin:0px auto 0px;height:200px;margin-top:0px;overflow:hidden;}

4º) Clique no botão "Visualizar" para ver como ficou.

5º) Clique no botão "Salvar Modelo" e pronto!


Aí é só "upar" a imagem e curtir o novo visual!

Qualquer dúvida, poste um comentário (senão, pode postar também rsrsrs)


Abraço a todos e fiquem com Deus!





Related Posts Plugin for WordPress, Blogger...

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!