Passo 1

Acesse o Blogger com seu endereço e senha do Gmail. Selecione o blog que você deseja editar na lista de blogs.

Passo 2

Clique em "Editar HTML" na parte superior da tela para acessar o editor de HTML. É aqui que você vai fazer as alterações. Faça um backup do modelo antes de fazer alterações e clique em "Fazer download do modelo completo" na parte superior da tela. Guarde-o em um local seguro, como sua pasta "Downloads" ou "Desktop".

Passo 3

Pressione e segure a tecla "Ctrl" ea tecla "F" no seu teclado para abrir o campo de pesquisa. Procure por "Header-wrapper" e clique no botão "Next". O Blogger destacará as palavras em verde para facilitar o acesso. Dependendo do design do Blogger que você está usando, seu código "Head-wrapper" pode ser assim:

cabeçalho-wrapper {

background: #ffffff url (http: // imageaddress); altura: 375px; largura: 1000 px; margin: 0 auto 0px; borda: 0px sólido $ bordercolor; }

Passo 4

Note que o "cabeçalho" tem uma altura e largura. Altere a altura e a largura para corresponder ao tamanho do seu cabeçalho. Portanto, se seu cabeçalho tiver 900 pixels de largura e 200 pixels de altura, altere o código de acordo.

Passo 5

Salve as alterações e verifique seu site. Observe e veja se o seu cabeçalho é menor do que o exterior do seu desenho ou se ainda é muito grande. Se você está feliz com sua aparência, você pode ignorar o próximo passo.

Passo 6

Volte para o "HTML Edit" do seu design e faça uma pesquisa por "Outer-wrapper". Você deveria ver algo assim:

envoltório externo {

largura: 1000 px; margem: 0 auto; preenchimento: 0px; borda: 2px sólido # 696CB3; fundo: # E6ECF7; text-align: $ startSide; fonte: $ bodyfont; }

Passo 7

Certifique-se de que a largura do "Outer-wrapper" coincide com a do seu cabeçalho, se você quiser um ajuste perfeito. Faça a largura do seu "Outer-wrapper" 900 pixels se a imagem do cabeçalho tiver 900 pixels de largura. Altere a altura do seu "Out-wrapper" se a parte inferior do cabeçalho continuar a desaparecer devido à barra de navegação ou ao conteúdo principal do seu blogue.

Passo 8

Salve as alterações e verifique seu blog. Certifique-se de que as coisas estejam alinhadas corretamente antes de continuar. Carregue o modelo que você salvou anteriormente se não estiver satisfeito com as mudanças; caso contrário, salve o modelo novamente caso você precise fazer alterações no código HTML posteriormente.