Caixa de pesquisa do blog acima da área de postagens:
Estão prontos para o tutorial, alados? Antes de tudo, não se esqueça de salvar um backup do seu template, já que vamos mexer no HTML do mesmo (para fazer backup, vá em "Modelo > Fazer backup/Restaurar"). Isso é muito importante pois, caso alguma coisa acabe dando errado, você poderá voltar sem problemas ao template anterior.Para começar, nós precisamos criar o espaço onde a pesquisa vai ficar, ou seja, uma nova coluna. Depois de salvar seu template devidamente, continue na aba "Modelo" e clique no botão branco "Editar HTML". Quando o código do seu template abrir completamente, clique em alguma parte do código e pressione "Ctrl + F" no seu teclado. Na caixa de busca que abriu, cole o seguinte código:
<div class='column-center-outer'>E depois aperte a tecla "Enter". Abaixo do código que ficou em destaque, cole o seguinte:
<div class='newsidebar-wrapper'>Pouco abaixo deve estar o seguinte código:
<b:section class='sidebar' id='newsidebar' shoeaddelement='yes'>
</b:section>
</div>
<b:section class='main' id='main' showaddelement='no'>Troque o 'no' (o que está em destaque) por 'yes'. Isso é importante para que você visualize melhor a nova coluna que vai surgir.
Caso você visualize o código, não acontecerá nada de diferente no template. Apenas clique em " Salvar Modelo ".
Agora clique na aba "Layout" você vai perceber que agora, acima das postagens, há dois links "Adicionar um Gadget". Tudo o que você precisa fazer é arrastar o gadget de pesquisa para a parte abaixo do primeiro link ou clicar no primeiro "Adicionar um Gadget" e colocar o gadget de pesquisa. Não entendeu? Veja o exemplo abaixo e se oriente pela posição das setas:
Clique em " Salvar organização " e pronto, a caixa de busca já estará no local desejado!
Agora, recomendo que você também siga os seguintes tutoriais para que sua pesquisa fique ainda mais bonita, no tamanho e cores certas:
Espero que tenham gostado do tutorial de hoje! Para mais tutoriais para o seu blog, clique aqui.
Beijinhos Alados,