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
 
 
    

Enquete

Você gosta de radio automática em um site?

Sim (41)
Não (74)

Total de votos: 115

Parceiros

  

Enquete

Voce joga muito pelo celular?

Sim (579)
Raramente (45)
Não (51)

Total de votos: 675