Como Colocar uma Caixa de Pesquisa no Topo do Blog




E vamos iniciar mais um tutorial rápido e fácil hoje, mostrando como se faz para colocar esta caixa de pesquisa no seu blog! Isto ajuda muito o visitante a encontrar algum artigo que você publicou.

1- Logue no seu blog, acesse modelo, editar html;



2- Pressione CTRL + F para abrir uma caixa de pesquisa em seu navegador;


3- Procure em seu código por esta tag:

]]></b:skin>

4- Assim que encontrar a tag, antes dela você deve colar este código abaixo:




5- Agora procure pela tag:

  </header>

Abaixo dela coloque o seguinte código:




Pronto! Salve e veja se a sua caixa de pesquisa já está aparecendo.



Ajustando a posição da caixa


No primeiro código que você inseriu, onde está escrito (top 50px) é onde você vai alterar a altura que a caixa deve ficar;

E onde está escrito (left 660px) é a movimentação para a esquerda ou direita da caixa
de pesquisa.

Faça os ajustes necessários de acordo com o tamanho do seu logo.

Qualquer duvida, postem nos comentários.













5 comentários:

  1. Consegui colocar a caixa no topo do blog. mas a caixa nao encontra o material do blog. aparece erro. como faço para ajustar as configurações? abraço

    ResponderExcluir
  2. funcionou, obrigado, porem é bem dificil ajustar a caixa, hehehehe

    ResponderExcluir
  3. Obrigada, funcionou muito bem, é o meu primeiro blog, estou aprendendo e tua explicaçao foi muito clara. Parabens!!!

    ResponderExcluir
  4. Desculpe, mas assim esta dificil, não tem como fazer la pelo Layout ?

    ResponderExcluir