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:- primero vayamos a blogger
- elige el blog al que le quieras colocar en buscador
ahora dirígete a la opción Diseño (en la imagen) - Y en los campos donde puedas agregar un gadget, elige esa opcion
- y en la lista de gadget que aparecen elige el de Buscador
- 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
- bueno primero dirígete a blogger
- en la pestaña "diseño"
- elige "Añadir un gadget"
- en la lista busca el que dice HTML/Javascript
- pega este código en el campo y dale en guardar
- y listo tendras tu buscador mejorado.
<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>
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.
¿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
- Primero ingresa en la pagina de motor de búsqueda personalizada de google y inicia sesión con tu cuenta de google.
- Luego en la opción "Nuevo motor de búsqueda"
- 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.
- elige el idioma y el nombre y da en crear
- 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.