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

Voce joga muito pelo celular?

Sim (680)
Raramente (54)
Não (56)

Total de votos: 790

Parceiros

  

Enquete

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

Sim (101)
Não (108)

Total de votos: 209