Como editar um tamanho de banner no Blogger

O banner ou a imagem do cabeçalho no blog do Blogger exibe o nome e o logotipo da sua empresa acima de todas as postagens do blog. O banner deve ser grande o suficiente para ser claramente visível e para que sua imagem permaneça na mente do leitor. Mas se o banner for muito grande, ele excederá o limite geral do seu blog, ocultando parte dele e destruindo o layout da página. Encolha ou amplie o banner editando o modelo HTML do seu blog.

1

Abra o painel do seu blog. Clique no nome do blog para abrir sua página de visão geral.

2

Clique em "Modelo" para editar o modelo.

3

Clique em "Editar HTML" para abrir o código do modelo.

4

Pesquise o modelo para o cabeçalho do modelo. O estilo de cabeçalho pode ser chamado de "cabeçalho" ou "cabeçalho-wrapper". Ele será semelhante ao seguinte:

cabeçalho-wrapper {

background: #ffffff URL (/images/banner.png); altura: 400 px; largura: 1000px; margin: 0 auto 0px; borda: 0px sólido $ bordercolor; }

5

Substitua "400" pela altura da imagem. Substitua "1000" pela largura da imagem. Por exemplo, para escolher uma largura de 600 pixels e uma altura de 240 pixels, altere o código para:

cabeçalho-wrapper {

background: #ffffff URL (/images/banner.png); altura: 240 px; largura: 600px; margin: 0 auto 0px; borda: 0px sólido $ bordercolor; }

6

Clique em "Salvar".

Publicações Populares