Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

20/04/2015

Tutorial - Caixa de pesquisa do blog acima da área de postagens:

Já sei o que você deve ter pensado, alado meu: "Ora, para colocar a caixa de pesquisa em cima das postagens, basta arrastar o gadget e pronto!" É, com alguns templates isso já resolve, mas às vezes nós queremos que a pesquisa não faça parte da área de postagens, que ela fique destacada, em um espaço próprio (principalmente quando nós temos templates com as colunas destacadas). Hoje vou ensinar uma forma bem simples e segura de fazer essa alteração. Caso o tutorial funcione direitinho com o seu blog, ele ficará mais ou menos assim:


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'>
<b:section class='sidebar' id='newsidebar' shoeaddelement='yes'>
</b:section>
</div>
Pouco abaixo deve estar o seguinte código:
<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,
0 Comentários
Comentários

Comente!!!

Related Posts Plugin for WordPress, Blogger...
Posts relacionados