Caixa de busca no cabeçalho do Blogger

Atendendo a pedidos, irei ensiná-los como colocar uma caixa de busca/pesquisa no cabeçalho do blog. Quero lembrar que a aplicação desta técnica pode não funcionar em todos os templates, mas funciona no Mínima e nos modelos do Dicas Blogger.

Antes de começar, faça um backup do seu template por precaução e aplique a gambiarra técnica primeiro em um blog de testes e só depois em seu blog principal.

Entre no painel do Blogger e na aba layout, clique em editar html. Marque a caixa expandir modelos de widgets e procure por /* -----   HEADER   -----  */  ou #header-wrapper ( que é onde começa o código do cabeçalho).

Copie o código abaixo e cole ANTES do código do cabeçalho (header).

/* -----   Busca   ----- */ #busca{ width:auto; height:auto; z-index:1; position: absolute; top: 50px; left: 660px; }

Inserindo o código antes do header

Procure agora por

e cole logo abaixo o código de busca:

Caso você queira colocar uma caixa de busca do Google Adsense, substitua a parte em vermelho do código acima pelo código fornecido pelo AdSense.

CÓDIGO DO ADSENSE

Ajuste a posição da caixa de busca, alterando os valores top e left do 1° código.

Vá visualizando o template até ficar legal e só depois clique em salvar modelo.