Recherche personnalisée Google avec un champ de recherche personnalisé et un bouton?

Je suis en train de faire une recherche personnalisée Google (j'ai juste besoin d'une sorte de moteur de recherche sur mon site), et j'ai besoin de faire en sorte que je peux utiliser mon propre zone de recherche (champ de saisie). J'ai besoin qu'il soit de la taille exacte. J'ai également besoin d'être capable de faire mon propre bouton de recherche. Je suis allez avoir besoin d'être en mesure de modifier la taille et l'arrière-plan du bouton de recherche. Je ne suis pas complètement sûr, mais je pourrais effectivement besoin d'être régulièrement img.

Personne ne sait comment faire cela?

Si vous ne pouvez pas faire cela avec Google, connaissez-vous une autre façon de le faire?

Si il n'y a pas d'autre voie, en plus de l'aide de votre propre moteur de recherche, puis-je s'il vous plaît obtenir un lien vers un très simplifié tutoriel sur la façon de faire mon propre. Je suis prêt à mettre dans les efforts supplémentaires pour apprendre, mais j'ai essayé un peu, et après avoir regardé les trois différents tutoriaux, j'ai laissé tomber car ils ont été très très long et confus. J'espère que je viens de regarder dans les mauvais endroits.

source d'informationauteur Sean

Pour les Googlers qui sont à la recherche d'une solution nouvelle "Superposition des Résultats" dans la rubrique "Look and Feel" . J'ai utilisé votre réponse et a ajouté quelques petites bidouilles à faire fonctionner. L'idée de base est d'obtenir le code de Google vous donne, cacher de recherche Google à cocher et le bouton, et que VOUS utilisez la réponse de la bonne XXXXX:AAAA codes. Tout en cachant <gcse:search></gcse:search>" ne pas utiliser display:none autrement les résultats de la recherche ne fonctionnera pas.

<script>
    (function() {
    var cx = 'XXXXXXXXXX:YYYYYYYYY';
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<div style="width:0px;overflow:hidden;height:0px;"> <!-- if you use display:none here, it doesn't work-->
    <gcse:search></gcse:search>
</div>
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action="">
    <input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/>
    <input value="FORID:11" name="cof" type="hidden"/>
    <input id="q" style="" name="q" size="75" type="text"/>
    <button class="btn">Search</button>
</form>

Ici est celui que j'utilise, vous avez juste besoin d'ajouter des styles à <input id='q' qui est la boîte de recherche, et <input value='MyButton' est le bouton à cliquer

<!-- Google CSE Search Box Begins  -->
<center>
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action="http://myblog">
  <input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/>
  <input value="FORID:11" name="cof" type="hidden"/>
  <input id="q" style="width:600px;" name="q" size="75" type="text"/>
  <input value="MyButton" name="sa" type="submit"/>
</form>
</center>
....

Modifier: ci-Dessus est ma réponse à partir de 2010, je ne peux pas confirmer qu'il travaille ou non plus, mais ici, c'est celui qui travaille.

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'en'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXX:YYYYYYYYYYYYYY');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>

Pour plus d'info: se référer à la https://developers.google.com/custom-search/docs/js/cselement-devguide

0

ge stackoverflow,

la question qui m'a vraiment tiré-up assez pour faire un mini tour - si vous essayez de configurer une v2 de la barre, en traitant avec le plat de spyglass, veulent juste pour obtenir le spyglass de travail, vous souhaitez remplacer les barres personnalisées avec v2, de trouver et de localiser les styles utilisés et de leur remplaçant. Espérons que cela aide! http://t.co/9nvx2l0DeD @eb_p1

adresse: http://eburnett.hubpages.com/hub/googlecustomsearchenginev2

Vous devez vous connecter pour publier un commentaire.