Como adicionar barra de pesquisa funcional no site Webnode
Agora uma dica bem rápida, porem bastante eficiente e recomendada. Nos modelos mais recentes do editor antigo da Webnode, não há sinal de uma barra de pesquisa, e isso não é nada bom para com os visitantes.
Como instalar
- Apenas copie o codigo abaixo e o publique em seu site webnode, como Widget
<form action="/search/" method="get" id="fulltextSearchResult">
<fieldset class="clearfix">
<div class="wrapperInput wrapperInputTextInput searchText">
<label for="fulltextSearchTextResult">
<span>Pesquisar Texto</span>
</label>
<input type="text" id="fulltextSearchTextResult" name="text" value="whats">
</div>
<div class="wrapperInput wrapperInputSelect searchType">
<label for="fulltextSearchTypeResult"><span>Em:</span></label>
<select id="fulltextSearchTypeResult" name="type"><option value="" selected="selected">Todos</option><option value="1">Páginas</option><option value="2">Artigos</option><option value="4">Listas</option></select>
</div>
<div class="wrapperInput wrapperInputButton searchButton">
<input type="submit" class="submit" value="Pesquisar">
</div>
</fieldset>
</form>
<form action="/search/" method="get" id="fulltextSearchResult">
<fieldset class="clearfix">
<div class="wrapperInput wrapperInputTextInput searchText">
<label for="fulltextSearchTextResult">
<span>Pesquisar Texto</span>
</label>
<input type="text" id="fulltextSearchTextResult" name="text" value="whats">
</div>
<div class="wrapperInput wrapperInputButton searchButton">
<input type="submit" class="submit" value="Pesquisar">
</div>
</fieldset>
</form>
- O texto em negrito fica em cima da barra de pesquisa. Voce pode modifica-lo
- O texto em negrito roxo é o botão de pesquisar. Voce pode modifica-lo
Caso deseje retirar o botão pesquisar
Caso queira deixar apenas para colocar o termo que o usuario quer colocar e logo em seguida clicar em enter basta remover as linhas de cor azul.
![contador free](https://contador.s12.com.br/img-8WzaAWDd-23.gif)