Como poner un buscador en mi pagina jimdo con plantilla propia

Hola amigos uno de nuestro visitantes  hizo una pregunta en nuestro blog, y era como poner un buscador en una  plantilla propia, pues aqui les dejo el video tutorial.

El Buscador lo creamos con google que es una de las muchas herramienta que ofrece para los webmaster.

 

Nos dirijimos a la página de Buscador Personalizado de Google y luego le damos clic a “Crear Motor búsq. Person.

 

 

Te saldran esta opcione las cuales deberas rellenar y configurar tu motor de búsqueda. lo llenas asi:

Luego de dar clic en “Siguiente” vamos a elegir el diseño de nuestro buscador. Elegimos uno y le damos “Siguiente”

Nos mostrará el código del buscador. Pero nosotros queremos el diseño “De dos páginas”, entonces le damos clic a “Diseño”

Ahora eliges el diseño “De dos páginas” y le das clic a “Guardar y obtendras el código“,  configuramos de la siguiente manera:

Nos mostrara 2 códigos,

 

El  segundo codigo deberas  pegarlo donde se mostrarán los resultados. Osea en tu http://TUpagina.jimdo.com/buscar

Para colocarlo en tu plantilla propia de jimdo te diriges

plantillas... plantilla pripia... html


Por lo general asi te viene el codigo del caja de tu buscador :

<div id="searchico">
                <a href="#" id="search" name="search"><img src="search-btn.png" width="19" height="19" alt="Search Btn" /></a>
                <form method="get" id="searchbox" action="#" name="searchbox">
                    <input type="text" value="search this site..." name="s" id="s" />
                </form>

  </div>

 

Deberia ir asi:

<div id="searchico">
                <a href="#" id="search" name="search"><img src="search-btn.png" width="19" height="19" alt="Search Btn" /></a>
                <form method="get" id="searchbox" action="http://disemucho.jimdo.com/busqueda-google/" name="searchbox">
                    <input type="text" value="buscar en nuestro sitio..." name="q" id="q" />
                </form>
            </div>

 

Ejemplo aqui: http://disemucho.jimdo.com/

Comentarios: 15
  • #15

    Fidel Torres Ipanaque (lunes, 11 marzo 2013 22:43)

    Estimada Esthela Duche
    quiero saber donde consigo la opcion de busqueda de los productos que vendo en mi pagina web, quiero que la busqueda se solo para mi pagina, favor espero tu ayuda.
    saludos
    www.elfide.com

  • #14

    clubconstelaciones (viernes, 17 agosto 2012 04:00)

    Un Favor.. Mi Buscador No Funciona! Tambien me sale.. id=s ..Ese tambien te cambio por q .... Espero Tu Respueta! Graciias!

  • #13

    Licer Zarabozo (sábado, 11 agosto 2012 18:54)

    Y como indexo el contenido? Gracias y un Saludo

  • #12

    Esthela Duche (sábado, 11 agosto 2012 11:08)

    Pues yo no le di ahi veo que u buscador funciona pero no tiene contenido indexado

  • #11

    Licer Zarabozo (sábado, 11 agosto 2012 10:48)

    Esthela, he conseguido un código similar. Al parecer ahora, hay que hacer click en: Switch to Search Element V1 code. para que te genere ese código. Ahora, parece que quiere hacer algo, pero no da resultados. Un Saludo.

  • #10

    Esthela Duche (sábado, 11 agosto 2012 10:40)

    no borrres el que tu tienes dejalo ahi solo agrega el codigo que te sale al momento que eliges los estilos

  • #9

    Esthela Duche (sábado, 11 agosto 2012 10:39)

    Estimado amigo pero ese no es ya que el que yo tengo es este
    <div id="cse" style="width: 100%;">
    Loading
    </div>
    <script src="http://www.google.com/jsapi" type="text/javascript">
    </script><script type="text/javascript">
    //<![CDATA[

    google.load('search', '1', {language : 'es', style : google.loader.themes.V2_DEFAULT});
    google.setOnLoadCallback(function() {
    var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl(
    '007659534137505821764:km0g9fyrkt4', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
    function parseParamsFromUrl() {
    var params = {};
    var parts = window.location.search.substr(1).split('\x26');
    for (var i = 0; i < parts.length; i++) {
    var keyValuePair = parts[i].split('=');
    var key = decodeURIComponent(keyValuePair[0]);
    params[key] = keyValuePair[1] ?
    decodeURIComponent(keyValuePair[1].replace(/\+/g, ' ')) :
    keyValuePair[1];
    }
    return params;
    }

    var urlParams = parseParamsFromUrl();
    var queryParamName = "q";
    if (urlParams[queryParamName]) {
    customSearchControl.execute(urlParams[queryParamName]);
    }
    }, true);
    //]]>
    </script>

  • #8

    Licer Zarabozo (sábado, 11 agosto 2012 10:28)

    Pues lo cierto es que si que lo tengo puesto...
    Es este:
    <!-- Put the following javascript before the closing </head> tag. -->
    <script type="text/javascript">
    //<![CDATA[
    (function() {
    var cx = '004533611298101189668:sv7fv1cl-7a';
    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><!-- Place this tag where you want the search results to render -->

    De momento no funciona... Muchas Gracias por todo.

  • #7

    Esthela Duche (sábado, 11 agosto 2012 10:14)

    Hola Licer zarabozo todo veo esta bien en tu buscador de la plantilla pero el problema es que te falta en la pestaña http://www.licerzarabozo.com/buscar/ el codigo que te da google. agaregalo y listo me avisas si te funciono.

  • #6

    Licer Zarabozo (sábado, 11 agosto 2012 10:03)

    Repito la página ya que la primera vez me equivoqué. Pido disculpas y me reitero en mi agradecimiento.
    Y la página donde deberían aparecer las búsquedas es http://www.licerzarabozo.com/buscar/

  • #5

    Licer Zarabozo (sábado, 11 agosto 2012 10:01)

    Esthela, a mi no me funciona. He hecho los pasos de forma similar y no lo he conseguido. Este es el código del buscador de mi plantilla:
    <div id="colRight">
    <form id="searchform" action="http://www.licerzarabozo.com/buscar/" method="get" name="searchform">
    <div class="rightBox">
    <div class="rightBoxTop">
    </div>

    <div class="rightBoxMidSearch">
    <input type="text" id="q" name="q" value="Búsqueda..." onfocus="this.value=''" /><input type="submit" value="" class="submit" id="searchsubmit" />
    </div>

    <div class="rightBoxBottom">
    </div>
    </div>
    </form>

    Y la página donde deberían aparecer las búsquedas es http://www.licerzarabozo.com
    ¿Se te ocurre que puede estar pasandome?
    Muchas Gracias y felicidades por tu sitio y tu trabajo.

  • #4

    mundocomunidad (jueves, 28 junio 2012 15:19)

    Oye No Me Da El Predeterminado ni ninguno para seleccionar

  • #3

    jonathan murillo (sábado, 23 junio 2012 00:19)

    MIRA QUISIERA SABER COMO HACER UN MENU COMO EL QUE TIENES ARRIBA, OSEA LA FOTO, LA DESCRIPCION Y QUE TE MANDE AL ENLACE CUANDO LE DAS CLICK

  • #2

    Jonathan (viernes, 22 junio 2012 13:04)

    Muy bueno!!!

  • #1

    Colegio Particular San Sebastián (jueves, 14 junio 2012 22:56)

    Gracias otra vez más Esthela, ya pude configuerar el motor de búsqueda!!!
    GRACIAS