1 août 2010

Ajouter un moteur de recherche

Un moteur de recherche est indispensable sur un blog : il permet à vos visiteurs de trouver plus rapidement une information.

Certains ont comme champ de recherche tout le web ; d'autres seulement une sélection de blogs ou uniquement votre blog. Attention, à votre choix.

Voici plusieurs propositions :

RECHERCHE SUR GOOGLE

WIDGIPEDIA propose une barre de recherche (sur tout le Web) Google sous forme de flash et de javascript.

Copiez le code suivant
<div id="wpdc_embed_11980491021" style="display: none">Search Widget by MattB</div><head></head><script src="http://www.widgipedia.com/embed/mattyb015/
Search-Widget-by-MattB_1049w-11980491021t-1198049102895i-0p.js"></script>
et collez-le en HTML pour obtenir


Un autre code pour une recherche Google sur tout le web

Copiez le
<div class="link-note"> <form method="get" action="http://www.google.com/search"> <input type="text" name="q" size="5" maxlength="255" style="width:95px; background-color: #f5f5dc; color: #000033;" /> <input type="submit" name="btnG" value="Go" style="width:25px; background-color: #000033; border: 2px solid #f5f5dc; color: #f5f5dc;" /><input type="hidden" name="domains" value="" /> <input type="hidden" name="sitesearch" value="" /> </form> </div>
et personnalisez-le.

Vous obtenez

RECHERCHE SUR MSN

Petit script sympa et discret de recherche sur MSN pour changer de Google

Copier et collez le en HTML
<form method="get" action="http://search.msn.fr/results.aspx">
<input type="hidden" name="cp" value="1252" />
<input type="hidden" name="FORM" value="FREESS"/>
<input type="text" name="q" size="50" style="width:150px; background-color: #f5f5dc; color: #000033;" value="MSN Search" />
<input type="submit" value="Go" style="width:30px; background-color: #f5f5dc; border: 2px solid #660033; color: #000033;" />
<input type="hidden" name="q1" value="site:annak.over-blog.com" />
</form>
A personnaliser

width:30px; la largeurbackground-color: #f5f5dc; le fond
border: 2px solid #660033 la bordure
color: #000033 : la couleur de policesite:annak.over-blog.com : l'adresse de votre blog


et vous obtenez


RECHERCHE DANS UNE LISTE DE BLOGS

Rollyo vous offre la possibilité de rechercher le contenu d'une liste définie de sites Web, vous permettant ainsi de réduire le nombre de résultats à des pages de sites Web que vous connaissez
déjà.

Allez sur Rollyo

Cliquez sur Create Searchroll
Complétez le questionnaire :
  • nom du Rollyo
  • URL des blogs où s'effectuera la recherche
  • catégorie de ces blogs
  • tags (mots clés)
Cliquez sur Create SearchRoll
Cliquez sur Save your Work (tout en bas)
Saisissez :
  • votre pseudo
  • mot de passe
  • adresse mail
Cliquez sur Register

Complétez si vous le désirez (optionnel) :
  • prénom
  • nom
  • URL du blog
  • Nom du blog
Cliquez sur Submit.
Cliquez sur Dashboard et dans la colonne de droite sur SearchBox
Dans Search Rolls, vous sélectionnez votre Rollyo, vous cliquez sur la flêche vers la droite et vous obtenez un code
<div style='margin: 10px; text-align: center; width: 160px;'><form action='http://www.rollyo.com/search.html'><fieldset id='searchboxset' style='margin: 0 0 10px 0 !important;
padding: 4px 0 0 0 !important; height: 62px; width: 160px; border: none;'><input type='text' size='30' style='background: #fff; font-family: helvetica, arial, sans-serif; color: #000;
font-weight: normal; float: left; width: 108px; height: 14px; margin: 3px 0 4px 0px !important; font-size: 13px !important; vertical-align: middle;' name='q' value="" /><input type='image'
src='http://rollyo.com/remote/btn-togo-search-ph2.png' alt='Go' style='margin: 2px 0 0 3px !important; float: left; border: none;' /> <br /><select id='rolls' name='sid' style='float:
left; width: 158px; margin: 0 0 2px 0 !important; font-size: 12px;'><option value='345985' selected='selected'>Select Search Engine...</option><option value='345985'>Les
ficelles</option><option value='web'>Search The Web</option></select> <input type='hidden' name='togo-v' value='1' /><div id='about' style='font-family: Arial,
Helvetica, sans-serif; font-size: 9px;'><div style='float: left;'>Powered by <a href='http://www.rollyo.com/' style='color:
#C00;'>Rollyo</a></div></div></fieldset></form></div>
que vous collez en HTML



Powered by Rollyo
RECHERCHE SUR VOTRE BLOG

Un impératif : il faut avoir un compte sur Google. C'est le cas, si vous êtes inscrit sur Google Analytic.

Allez sur Google, cliquez sur Créez votre propre moteur de recherche
Cliquez sur Créez un moteur de recherche personnalisé
Saisissez votre email et votre mot de passe
Complétez les différents formulaires :
  • nom et prénom
  • nom, description, mots clés, langue, type de recherche, adresse du blog
  • sélectionnez édition standard (gratuit)
Cliquez sur Terminer
Cliquez sur Accueil, puis sur Ajoutez ce moteur de recherche à votre blog Modifiez le design, puis cliquez sur Obtenir le code
<script src="http://gmodules.com/ig/ifr?url=http://www.google.com/coop/api/010148452922883517655/cse/qov-urfbct8/gadget&amp;synd=open&amp;w=320&amp;h=100&amp;title=Moteur+de+recherche+des+Ficelles&amp;border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>
Vous le collez en HTML


Plusieurs codes sont à disposition.

2 commentaires:

  1. Merci Anna K pour tous ces bonc conseils et astuces

    RépondreSupprimer
  2. Bonjour Anne,
    Je viens de lire sur votre blog toutes les explications. J'aurais aimé mettre dans mon environnement WordPress le code, hélas j'ai fait l'essai chez Google où j'ai un compte, et je n'obtiens qu'un code javascript interdit par WordPress, question de sécurité.
    Je vais essayer Rollio, mais pas accessible pour le moment.
    Je n'ai même pas vu chez google, de code flash que j'aurais pu éventuellement convertir pour mon blog.
    Si vous avez une astuce, elle serait la bienvenue.
    Amicalement.
    Filamots-freesia

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)