12 dic. 2014

3 formas de colocar un buscador en tu blog

Para empezar un blog o un sitio web necesitas un buscador integrado, le dará mas enfoque a tu sitio web, es uno de los elementos mas esenciales que se pueden tener, ¿porque?, simple, si tienes un sitio con muchas entradas ¿como harán tus lectores para encontrar el contenido que quieran?, o ver si tienes articulo que tengan que ver con lo que ellos quieran ver, me entiendes, lo que quiero decir es que un buscador realmente ayuda mucho para la NAVEGACIÓN DE UN SITIO WEB, así que esto es mas bien un requisito mas que algo de solo colocar y ya, veamos 3 formas para colocar un  buscador en tu blog sea de blogger o wordpress.

entonces empecemos, ya que colocar un buscadores es bastante fácil, aquí te mostrare 3 formas de poner un buscador en tu blog,




PASOS PARA COLOCAR UN BUSCADOR EN TU BLOG

LA FORMA 1 ES FÁCIL,  ya que es directamente con la plataforma blogger, usaremos un buscador que viene en los gadgets:


  1. primero vayamos a blogger
  2. elige el blog al que le quieras colocar en buscador buscador blogger
    ahora dirígete a la opción Diseño (en la imagen)
  3. Y en los campos donde puedas agregar un gadget, elige esa opcion
  4. y en la lista de gadget que aparecen elige el de Buscador

  5. buscador blogger








  6. elige, mejor la opcion; "este blog", porque la verdad es que nadie usara tu buscador para la Internet y esto es solo estorbo. y te quedara un practico buscador un poco simple



LA FORMA 2 es fácil también Consta de colocar un buscador pero no de blogger si no usando códigos que permitan usar los principios de búsqueda de blogger, pero te preguntaras que diferencia hay entre usar este buscador y no uno del mismo blogger? pues simple hacen lo mismo pero el buscador de código es mas rápido a la hora de cargar, porque el de blogger tiene que cargar el gadget como tal, ya que blogger almacena los códigos en otro lugar y tiene que cargarlos, en cambio con el de código directo lo carga porque ya esta ahí: 

este sera el buscador que tendrás



  1. bueno primero dirígete a blogger
  2. en la pestaña "diseño"
  3. elige "Añadir un gadget"
  4. en la lista busca el que dice HTML/Javascript
  5. pega este código en el campo y dale en guardar


  6. <style type="text/css">
    #search {
    position:absolute;
    width:400px;
    margin: 0 auto;
    }
    
    #search-form1 {
    height:30px;
    border:1px solid #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#fff;
    overflow:hidden
    }
    
    #search-text1 {
    border-width:0;
    background:transparent
    }
    
    #search input[type="text"]{
    width:90%;
    padding:7px 0 12px 1em; /* posicion del texto en la caja */
    color:#333; /* color del texto en la caja */
    outline:0
    }
    
    #search-boton{
    position:absolute;
    top:0;
    right:0;
    height:32px;
    width:80px;
    border-width:0;
    background:#eee; /* color del texto en la caja */
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;
    cursor:pointer;
    }
    </style>
    
    <br />
    <div style="text-align: center;">
    <div id="search">
    <form action="/search" id="search-form" method="get" target="_top">
    <input id="search-text1" name="q" placeholder="Que Buscas" type="text" />
    <button id="search-boton" type="submit"><img border="0" src="http://4.bp.blogspot.com/-pewEzqFt2Tw/VH-ALUNPv5I/AAAAAAAABXY/0MrMF_DUMH0/s320/ico-search.png" /></button>
    </form>


  7. y listo tendras tu buscador mejorado.


LA FORMA 3 Y RECOMENDADA 
Si usas un blog, es claro que necesitas un buscador! y aunque blogger ya trae un gadget para agregar un buscador, este resulta ser muy básico y en lo personal no me gusta para nada, por suerte podemos colocar un buscador personalizado de google en nuestros blogs.



buscador de google en blogger

¿Porque tener un buscador de google y no uno del mismo blog?


Es muy simple, la diferencia del buscador que nos da blogger en comparación con el de google, es la eficiencia, si busco la palabra "facebook" en ambos buscadores, el de google me arrojara resultados mas significativos, mientras que el de blogger hasta arroja resultado que no tienen nada que ver con el tema.
ademas el buscador personalizado de google tiene mas opciones y permite buscar imágenes que tiene las entradas para hacer mas fácil la búsqueda.


Pasos para colocar un buscador de google en tu blog


  1. Primero ingresa en la pagina de motor de búsqueda personalizada de google  y inicia sesión con tu cuenta de google.

  2. Luego en la opción "Nuevo motor de búsqueda"

  3. En donde dice "Sitios en los que buscar" colocaras la url de tu blog o pagina web Ejemplo:
    http://bitacoramanzano.blogspot.com/ o www.ejemplo.com.
      puedes colocar mas sitios, si quieres que busque en otras paginas. 

  4. elige el idioma y el nombre y da en crear

  5. Luego lo único que tienes que hacer es elegir la opción Obtener código y copia ese código, ve a tu blog, y lo pegas en un gadget HTML/Javascript o en una entrada para tener tu buscador listo.

2 comentarios:

  1. Excelente artículo Esneider, lo voy a implementar en mi blog. Saludos ;-)

    ResponderEliminar
  2. Excelente, muy buena ayuda. Valoro mucho tu interés por compartir tus conocimientos a quienes estamos comenzando. animo y sigue adelante

    ResponderEliminar

2016 © Inovablog