Como editar o tamanho do cabeçalho no Blogger

O Blogger é uma das muitas plataformas de blogs em que os usuários podem modificar as cores, o tamanho e até a imagem do cabeçalho do design. A imagem do cabeçalho de qualquer site se torna uma marca. Como um logotipo em um cartão de visita, esse cabeçalho faz com que os visitantes associem determinados serviços ou conteúdos aos gráficos. Embora os usuários possam fazer upload de cabeçalhos de qualquer tamanho, apenas parte da imagem aparecerá no Blogger, a menos que o usuário altere o tamanho do gráfico ou as dimensões do modelo no editor de HTML. Para alterar o tamanho do cabeçalho no Blogger, os usuários devem alterar o código HTML e CSS.

Passo 1

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

Etapa 2

Clique em “Editar HTML” na parte superior da tela para acessar o editor de HTML. É aqui que você fará as alterações. Faça uma cópia de backup do modelo antes de fazer alterações e clique em “Baixar modelo completo” na parte superior da tela. Mantenha-o em um local seguro, como a pasta “Downloads” ou “Área de trabalho”.

Etapa 3

Mantenha pressionada a tecla “Ctrl” e a tecla “F” do seu teclado para abrir o campo de pesquisa. Procure por “Cabeçalho-invólucro” e clique no botão “Avançar”. O Blogger destacará as palavras em verde para facilitar o acesso. Dependendo do design do Blogger que você estiver usando, o código “Wrapper” será semelhante a este:

wrapper de cabeçalho {

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

Etapa 4

Observe que o “cabeçalho-invólucro” tem altura e largura. Altere a altura e a largura para corresponder ao tamanho do seu cabeçalho. Portanto, se o cabeçalho tiver 900 pixels de largura e 200 pixels de altura, altere o código de acordo.

Etapa 5

Salve as alterações e verifique seu site. Veja e veja se o seu cabeçalho é menor que o exterior do seu design ou se ainda é muito grande. Se você estiver satisfeito com sua aparência, poderá ignorar o próximo passo.

Etapa 6

Volte para a “HTML Edition” do seu design e faça uma pesquisa por “Outer-wrapper”. Você deve ver algo assim:

invólucro externo {

largura: 1000 px; margem: 0 carro; preenchimento: 0px; borda: sólido 2px # 696CB3; fundo: # E6ECF7; alinhamento de texto: $ startSide; fonte: $ bodyfont; }

Etapa 7

Verifique se a largura do “invólucro externo” corresponde à do seu cabeçalho, se você desejar um ajuste perfeito. Faça a largura do seu “invólucro externo” 900 pixels se a imagem do cabeçalho tiver 900 pixels de largura. Altere a altura do seu “invólucro externo” se a parte inferior do cabeçalho continuar desaparecendo devido à barra de navegação ou ao conteúdo principal do seu blog.

Etapa 8

Salve as alterações e verifique seu blog. Verifique se as coisas estão alinhadas corretamente antes de continuar. Faça o upload do modelo que você salvou antes, se não estiver satisfeito com as alterações; caso contrário, salve o modelo novamente, caso seja necessário fazer alterações no código HTML posteriormente.

Referências

 

Você pode estar interessado:

Deixe um comentário