dimanche 10 février 2013

Ajouter la fonction recherche dans son blog blogger

On reprochera à blogger d'avoir un style graphique un peu rigide, mais en contre parti le système de gadget est lui infini!
Grâce à eux vous pourrez intégrer n'importe quel code html à l'intérieur de votre blog.
Cet article vous partage un petit code pour intégrer une fonction recherche dans votre blog.

Recherche de quoi? Ben une recherche d'article bien sur!

Ça fait des années que vous tenez à jour votre blog et vous avez publié des centaines d'articles. Il serait dommage de frustrer vos fidèles lecteurs car ils ont des difficultés à retrouver un article bien précis sur votre site.
La solution est de mettre une fonction "recherche" afin d'aider les utilisateurs dans la navigation sur votre site.

Oui je veux bien, mais comment faire? 

Pour ajouter cette fonction c'est très simple! ( Merci blogger de nous faciliter la vie!)

Quand vous êtes dans la vue d'ensemble de votre blog (coté administrateur ):
  • Cliquez à gauche sur "mise en page"
  • Puis cliquez sur "ajouter un gadget" à l'endroit ou vous allez placer la fonction recherche
  • Une page s'ouvre avec plein de gadget choisissez "HTML/JavaScriptAjouter"
  • Remplissez le titre et dans la case contenu copiez ce code:
<form id="searchthis" action="http://www.mon-site.com/search" style="display: inline;" method="get">
<div style="text-align: center;">
<input id="b-query" maxlength="250" name="q" size="30" type="text"/></div>
<div style="text-align: center;">
<input id="b-searchbtn" value="Rechercher" type="submit"/></div>
<div style="text-align: right;">Powered by <a href="http://www.r-no.blogspot.fr">r-no</a></div>
</form>
  • Remplacez le texte en gras par l'URL de votre site puis "enregistrer"
Voila vous avez intégré une fonction recherche à votre site! Si vous avez besoin d'informations complémentaires postez un commentaire.

4 commentaires:

  1. Je ne comprends pas deux de vos demandes:

    •Remplissez le titre et dans la case contenu copiez ce code:
    Que voulez-vous dire par: " Remplissez le titre " ?

    •Remplacez le texte en gras par l'URL de votre site puis "enregistrer"
    Quel texte gras ???

    RépondreSupprimer
  2. Dans le gadget deux zones de champ de texte sont présentes. La première est le titre de votre gadget (ex: rechercher) et la seconde est celle ou vous allez y mettre votre code (donc pour une fonction recherche vous "copier/coller" le code que je vous fournie)
    Pour le texte en gras, je parle de "www.mon-site.com" présent dans le code, il faut le remplacer par l'adresse de votre site internet et bien mettre "/search" à la fin (ex: action="http://www.mon-site.com/search" devient action="http://www.r-no.blogspot.com/search" pour ce blog.)

    RépondreSupprimer
  3. Bonjour,

    Merci pour ce mémo, grâce à votre descriptif, j'ai réussi à intégrer ce gadget à notre site !

    RépondreSupprimer
  4. Bonjour !
    Merci pour ce gadget... qui n'en est vraiment pas un ! ;-)

    Flo, legalipometre.blogspot.com

    RépondreSupprimer