Un moteur de recherche dans votre blog
Si, par un tour de passe-passe que je n'expliquerai pas ici (sauf si on me le demande), vous avez fait disparaître la barre Blogger en haut de votre page, peut-être regrettez-vous cependant de ne pas avoir de moteur de recherche interne à votre blog. En réalité, le code est trivial :
<div class='widget-content'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' type='text'/>
<input id='search-btn' type='submit' value='chercher'/>
</form>
</div>
Il n'y a plus qu'à copier / coller à l'emplacement de votre choix.
On peut aussi personnaliser :
<div class='widget-content'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' type='text'/>
<input id='search-btn' type='submit' value='chercher'/>
</form>
</div>
Il n'y a plus qu'à copier / coller à l'emplacement de votre choix.
On peut aussi personnaliser :
- le libellé du bouton de recherche en ligne 4 :
<input id='search-btn' type='submit' value='texte de votre bouton de reherche'/> - la taille du champ de saisie en la précisant en ligne 3 :
<input id='search-box' name='q' size='indiquer une taille en chiffre' type='text'/> - le texte par défaut du champ de recherche, en ligne 3 :
<input id='search-box' name='q' type='text' value='texte à afficher dans le champ de recherche' onfocus='this.value=""'/> - son look via sa feuille de style.

