Como mudar a imagem do cabeçalho no Blogger

Podemos definir a imagem do cabeçalho do blog como uma identidade visual, podendo conter uma logo e a descrição do blog, já a forma que será exibido pode varia de acordo com o tema abordado.

Mesmo a pós a recente atualização do Blogger a forma de trocar a imagem do cabeçalho continua fácil, geralmente essa troca e feita quando é criado um blog ou é instalado um novo Template no Blogger e o usuário não gosta da imagem do cabeçalho que por sua vez já vem pré-definida pela plataforma. É possível trocar ou colocar uma imagem no cabeçalho do blog e isso basta seguir alguns passos.
Como vamos inserir uma imagem que deverá ter seu tamanho previamente definido requere algum conhecimento mínimo de edição e também é importante saber como e onde armazenar a imagem que deverá ser usada.

Para a redimensionar a imagem do cabeçalho você usar o Photoshop, Corel Draw, Picture Manager ou até mesmo o Paint.

Como trocar o cabeçalho do Blog:



Clique na imagem para ampliar

Ao fazer o login no blogger o primeiro passo é entrar na ferramenta de “layout” nesta ferramenta podemos adicionar gadgets e efetuar outras configurações como mudar o cabeçalho do blog. O cabeçalho pode ser composto apenas por palavras (texto) para modificar e inserir e/ou trocar a imagem do cabeçalho clique em “editar” para editarmos o cabeçalho.

Tendo a imagem pronta para inserir no cabeçalho do seu blog, observe na imagem acima as setas vermelhas que marcam onde serão efetuadas as alterações, a primeira alteração é a escolha da imagem. Clique em “escolher arquivo” para adicionar uma imagem do seu computador ou marque a opção logo abaixo para inserir um link da imagem da Internet, logo após escolha o posicionamento “em vez de titulo e descrição”, recomento antes de inserir a imagem redimensione-a para ficar no tamanho da largura do cabeçalho, sendo que a mesma pode variar de acordo com a largura do blog. Feito isso, basta clicar em “salvar” e verificar o resultado.

Essa tarefa é um pouco complicada para quem nunca trocou o cabeçalho do blog, mas se tornará fácil após a primeira vez.  não precisa gastar muito tempo fazendo e refazendo a imagem que deseja usar para caber bem no visual do seu blog, basta lembrar de inserir as dimensões e medidas certas de acordo com a largura do blog.

Como Centralizar o Cabeçalho do Blog

Para centralizar o texto do cabeçalho do blog é bem fácil.
Não esqueça: Antes de qualquer modificação no template (código-fonte) de seu blog, você deve criar um Backup do seu modelo. Passo 1 - Vá na aba "Layout" ou "Desing" e clique em "Editar HTML".



Passo 2 - Procure pela linha de código:
#header h1 {
Passo 3 – Logo ABAIXO/DEPOIS deste código cole o código abaixo:
text-align: center;
Ficará assim:

#header h1 {

text-align: center;



Passo 4 – Clique em visualizar para ver se não tem erros. Se estiver tudo certinho, salve o seu modelo.

Como Fazer e Personalizar Mural de Recados - Cbox

Passo 1 – Clique AQUI fazer o cadastro e siga a imagem abaixo: (Vá clicando nas imagens para ampliá-las).



Passo 2 - Vai abrir a janela abaixo com os campos pra você preencher, Preencha conforme a imagem abaixo:



Você acabou de criar seu Mural de Recados. Agora você já tem uma conta no Cbox!

Passo 3 – Agora vamos personalizar o seu mural deixando ele combinando com o seu blog. Para isso você deve fazer login no site. Siga a imagem abaixo:



Passo 4 – Login feito. Vai abrir uma página como na imagem abaixo. Vá seguindo a imagem::



Passo 5 – Agora abre essa outra janela:



A imagem abaixo é a mesma que a de cima,, a diferença é que na de baixo, eu marquei com cores diferentes as áreas personalizáveis. Abaixo dela explico o que cada coisa significa. Aqui você começa a fazer a sua personalização de cores:



POST FRAME: (É onde coloquei a cor verde)
É dividida em 2 partes de 2 cores:



Main Bg:

É a primeira parte

É onde aparecem os recados, e é dividida em 2 partes de 2 cores. Essas cores vão se alternando a cada recado que você recebe ou escreve..


Alt Bg:

É a segunda parte



Main Text - É a cor do texto do recado da primeira parte.
Alt Text - É a cor do texto do recado da segunda parte.
Main Date - É a cor da data da primeira parte.
Alt Date - É a cor da data da segunda parte.



FORM FRAME: (É onde coloquei a cor rosa)

Field Bgs - É a cor de dentro dos quadradinhos de onde você vai escrever o recado.
Field Text - É a cor do texto de dentro do quadradinho onde você vai escrever o recado.
Button Bg - É a cor do botão que você aperta pra enviar o recado.
Button Text - É a cor do texto do botão que você aperta pra enviar o recado.
Form Bg - É a cor do fundo da área onde você escreve o recado
Field Borders - É a cor das bordas dos quadradinhos, onde você escreve o recado.



SCROLLBAR (É onde coloquei a cor azul)

É a barra de rolagem do seu mural de recados. Essa função só funciona (só aparece) no Internet Explorer. Em outros navegadores não funciona (não aparece) a cor da sua barra.

Eu não coloquei cor na minha. Deixei as opções em branco. Detesto e não uso o Internet Explorer. Fica a seu critério configurar ou não.. Então vou explicar:

Scroll Bg - É a cor da barra que rola.
Arrow: - É a cor da setinha da barra de rolagem.
Track Bg - É a cor do fundo da barra de rolagem.
Border - É a cor da borda da barra de rolagem.

* Do lado direito das opções, tem uma tabela de cores, para usar, é só clicar dentro do quadradinho correspondente, e escolher a cor na tabela e clicar,

Terminada esta parte, siga a imagem abaixo:



Passo 6 – Agora você já tem seu mural com as cores combinando com o seu blog, Vamos configurar o tamanho para que fique certinha na coluna do seu blog.
Faça como na imagem abaixo:



Vai abrir a janela abaixo. Siga os passos da indicados na imagem:



Passo 7 – Pronto! Seu mural de recados está pronto.. Copie o código HTML (veja a imagem abaixo), e coloque em um gadget Html/JavaScript. Arraste para o lugar de sua preferência.




Prontinho! Agora você tem um Mural de Recados personalizado; que combina com as cores do seu blog.

fonte - ladymellayouts