Traduction Anglais Français Traduction Anglais Grec Traduction Anglais Polonais Traduction Anglais Roumain Traduction Anglais Turc Traduction Anglais Espagnol
Cultural patrimony
Visits

   visitors

   visitors online

Links


bpapinou.gif

meric_graphisme.gif

Chez Jean-Mi

Chez Jean-Mi

miscellanous - fenêtre de RECHERCHE google

Comment j'ai inséré en haut de page une fenêtre de recherche google?

Créez un compte google en cliquant sur "connexion" en haut à droite de votre page google

 

ci dessous en rouge les explications de google pour obtenir le code

Avant d'insérer des résultats Google AdSense pour les recherches sur votre site, veillez à créer la page sur laquelle seront présentés les résultats de recherche. Si votre hôte Web ou l'application de votre site ne vous permet pas de créer une URL distincte pour vos résultats de recherche, par exemple si vous utilisez Blogger, vous ne pourrez pas insérer vos résultats de recherche sur votre page.

Une fois créée la page sur laquelle seront présentés les résultats de recherche, procédez comme suit :

  1. Connectez-vous à votre compte à l'adresse https://www.google.com/adsense.
  2. Cliquez sur l'onglet Configuration AdSense.
  3. Sélectionnez Google AdSense pour les recherches en tant que produit.
  4. Au cours de la première étape de la procédure de configuration, faites défiler la page vers le bas pour afficher la section Autres options et cliquez sur la case d'option Afficher les résultats sur mon site.
  5. Entrez l'URL de la page que vous venez de créer dans laquelle s'afficheront les résultats. Vous devez créer cette page vous-même car elle ne sera pas automatiquement créée ni affichée pour l'URL que vous entrez. Si vous connaissez les URL relatives, vous pouvez en utiliser une au lieu d'entrer l'URL complète.
  6. Continuez à choisir les autres options applicables à votre champ de recherche et aux résultats.
  7. Copiez le code généré dans la zone Code de votre zone de recherche et collez-le dans le code source HTML de la page sur laquelle afficher le champ de recherche.
  8. Copiez le code généré dans la zone Code de vos résultats de recherche et collez-le dans le code source HTML de la page sur laquelle afficher les résultats de recherche

1) faites auprès de google https://www.google.com/adsense une demande de code de recherche. après inscription vous recevrez un lien de ce type par mail

http://www.google.com/coop/manage/cse/code?cx=007311187326267330385:1evitqej3do

2) cliquez sur:

puis sur: la superposition – nécessite une seule page, mais présente les résultats par superposition modale

3) inscrivez l'URL de votre site dans la case

4) générez le code que vous recopierez avant de le modifier légèrement


5) trouvez dans le fichier guppy  inc/hpage.inc la ligne suivante (chez moi c'est la ligne 335) et copiez votre code à la suite en le plaçant entre
?>  et  <?php

if ($menu_icon != "") {$page[9] = $sav_icon;} // restaure icons for center box

// début de code recherche google earth
?>

<div align="center" style="width:590px; margin:0 auto;text-align:center">
<form action="" id="searchbox_007311187326267330385:1evitqej3do" onsubmit="return false;">
  <div>
    <input type="text" name="q" size="40"/>
    <input type="submit" value="Search in Mycomenius"/>
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_007311187326267330385%3A1evitqej3do&amp;lang=en"></script>

<div id="results_007311187326267330385:1evitqej3do" style="display:none;">
  <div class="cse-closeResults">
    <a> Fermer</a>
  </div>
  <div class="cse-resultsContainer"></div>
</div>

<style type="text/css">
@import url(http://www.google.com/cse/api/overlay.css);
.cse-overlay { z-index:100; width:570px;}
</style>

<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=ABQIAAAAZDoIW1CMRgES87ULstW6KhQYkGc0-09RTj_iHO3dvAccOVoauhTcgHvXBNbtbg0-IsBSlT4YZtICqg&amp;hl=en" type="text/javascript"></script>
<script src="http://www.google.com/cse/api/overlay.js" type="text/javascript"></script>
<script type="text/javascript">
function OnLoad() {
  new CSEOverlay("007311187326267330385:1evitqej3do",
                 document.getElementById("searchbox_007311187326267330385:1evitqej3do"),
                 document.getElementById("results_007311187326267330385:1evitqej3do"));
}
GSearch.setOnLoadCallback(OnLoad);
</script>
</div>
<?php
// fin de code recherche google earth

 

6) après la ligne @import url(http://www.google.com/cse/api/overlay.css);

ajoutez cette ligne pour la mise en page du résultat en surimpression par dessus votre site:

.cse-overlay { z-index:100; width:auto;margin:0 220px;}

7) il ne reste plus qu'à remettre le fichier inc/hpage.inc à sa place.

 

Un merci particulier à Icare et à tous les autres guppystes.


Creation date : 04/03/2009 · 23:36
Last update : 20/01/2010 · 18:19
Category : miscellanous
Page read 2800 times


Print the article Print the article

 
Moving pictures
Connection...
 Members List Members : 37
members 10 last members :
alankoz    essai    Alain    michel84    chmol44    feraud    maritina    mido    Penanders    tebelo   

Your Username:

Password:

[ Password lost ? ]


[ Join us ]


  Member online :
  Anonymous online : 1

Total visits Total visits: 187715  

Most ever online
Most ever onlineMembers: 7

The 17/12/2008 @ 21:40

Most ever onlineTotal : 78

The 13/06/2012 @ 17:46

^ Top ^
haut de page
bas de page