Adicionar um banner às páginas do Blogger pode ser útil para gerar receita de publicidade para o seu blog ou para apresentar seus próprios produtos e serviços com mais destaque. O Blogger não inclui uma opção de layout para inserir um banner superior separado acima do título do seu blog, mas você mesmo pode criar a opção com uma pequena edição no código HTML do seu blog. Se você deseja apenas adicionar um banner de imagem no lugar do título do seu blog ou atrás do título na área do cabeçalho, o processo é muito mais simples e não requer edição de código.
Crie um novo elemento de banner no topo
Faça login em sua conta do Blogger e clique no nome do seu blog para acessar seus controles administrativos.
Selecione a guia "Modelo" e clique em "Editar HTML" para acessar o código que controla o layout do seu blog.
Clique no menu "Ir para o widget" e selecione "Cabeçalho1". O Blogger pula para a seção de código que controla o cabeçalho do seu blog.
Role algumas linhas até encontrar o seguinte código: Altere o valor "maxwidgets" para "2" e altere o valor "showaddelement" para "yes". A linha de código agora deve ter a seguinte aparência: Clique no botão "Salvar modelo" para salvar suas alterações. O Blogger cria um novo elemento de layout na parte superior do blog que você pode usar para inserir o banner. Clique na guia "Layout" e em "Adicionar um gadget" no novo elemento de layout na parte superior da página. Selecione "HTML / JavaScript" na janela pop-up. Cole o código do widget de banner fornecido pelo anunciante no campo Descrição. Como alternativa, use sua própria imagem de banner digitando o seguinte código no campo Descrição, onde "ImageURL" representa o link para seu arquivo de imagem: Clique em "Salvar" para retornar à tela Layout e, em seguida, clique em "Exibir blog" para ver seu novo banner. Faça login em sua conta do Blogger e clique no nome do seu blog. Selecione a guia "Layout" para visualizar o layout do seu blog e clique no link "Editar" no elemento Cabeçalho na parte superior do layout. Clique no botão "Procurar" e, em seguida, clique duas vezes no arquivo de imagem que deseja usar como banner. Selecione uma das opções de posicionamento para controlar como o banner interage com o título e a descrição do blog. Selecione "Atrás do título e descrição" para colocar a imagem do banner no fundo, de forma que o título e a descrição permaneçam visíveis. Selecione "Em vez de título e descrição" para substituir o título e a descrição pelo banner. Clique em "Salvar" para retornar à tela Layout e, em seguida, clique em "Exibir blog" para ver seu novo banner. Se você usar seu próprio arquivo de imagem de banner na parte superior de seu blog, dimensione a imagem para caber na largura da tela. Geralmente, os banners do Blogger não devem ter mais do que 758 pixels de largura.Adicionar imagem de banner a novo elemento
Substituir cabeçalho por imagem de banner
Pontas
