Voici le code HTML que j'utilise pour mon gadget Recherche. Il permet d'afficher un champ texte et un bouton "recherche" qui permet de rechercher sur le blog les articles avec les mots clés saisis. Le code peut être placé dans un gadget HTML/Javascript au niveau de mise en page.

A modifier : adresse du blog => remplacer http://MONBLOG.blogspot.com par l'adresse de votre blog. Vous pouvez aussi modifier les libellés "Recherche dans ce blog" et "Recherche", et "Saisir votre recherche" (en conservant les guillemets).

<form action="http://MONBLOG.blogspot.com/search" class="search" method="get" role="search">
<label class="libsearch" for="champ-recherche">Recherche dans ce blog</label>
<input name="q" placeholder="Recherche" required="required" title="Saisir votre recherche" type="search" />
<input title="Recherche sur le blog" type="submit" value="Recherche" />
</form>
page résultat
Exemple de résultats de recherche

A noter que le formulaire de recherche proposé ci-dessous utilise des nouveaux éléments introduits avec HTML5 (type search, placeholder). Des améliorations sont possibles. On peut utiliser par exemple la datalist pour proposer au visiteur quelques recherches.