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 :
  • 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.

Libellés : ,

2 Commentaire(s) :

  • 27.6.07, Blogger Berious a dit :

    Ce commentaire a été supprimé par l'auteur.

     
  • 15.1.10, Anonymous Robert a dit :

    Bonjour, j'ai essayé votre conseil mais cela ne fonctionne pas sur mon blog. J'ai utilisé également le widget fourni par blogger et le problème est identique. Auriez-vous une suggestion à me faire ?
    Merci

    http://punkrockparodies.blogspot.com/

     

Enregistrer un commentaire