 |
Usuario: Ingresar |
Blog de diseño gráfico, informática, tecnología y cultura política.
 |
| Dirección URL | http://cgnauta.blogspot.com/ Registrado:1202274300 |
Compartir:
|
|
 Enviar a email | Buscador interno de Blogger mejorado en General |  Por matius
el 31-Dec-1969 | 
Y cuando digo mejorado, cabe dentro de las posibilidades de su diseño, comparado con mi anterior versión del buscador interno de blogger, porque es un buscador les funcionará perfectamente únicamente si hacemos modificaciones en modo de resumen con miniaturas, pero sin Javascript, pues si han hecho una búsqueda con este buscador -extirpado de la barra de navegación de blogger-, se darán cuenta que siempre da un número de resultados de entradas diferentes, sin respetar valores como max-result.
Esto se debe a que de hecho, mide el tamaño y contenido de la entrada -o quizás el alto que es más lógico-, si es muy grande el artículo, solo mostrara dos o tres entradas adicionales en la misma página, pero si es pequeña "hasta 20" y eso es un dolor de cabeza para cuestiones de diseño; más si se te ocurrió agregar uno de los hacks de resúmenes con miniaturas que hay en la red.
Como se ve en la imagen de arriba, que muestra el resultado final, agregaremos un bonito buscador interno en un plis-plas.
Agregando el estilo, vamos a Diseño - Edición HTML y antes ]]></b:skin> pegamos el siguiente código:
/* buscador interno por cgnauta blog */
#contbuscint
{width:260px; /* Este es el ancho de todo el buscador */
margin:0 auto 0 auto; /* Quita el margin o ponlo a 0 si no quieres centrarlo */
}
#search-box
{
/* Agrega por ejemplo width:140px; para cambiar el tamaño de la caja de texto*/
background:#fff url(http://lh3.ggpht.com/_NNS6r_z4aeg/St_LEuQJSCI/AAAAAAAANzI/XV4G0A5MqUo/lupa.jpg) 3px 3px no-repeat;
padding: 5px 5px 5px 35px;
border: 2px solid #000;}
#search-btn
{
padding:5px;
border: 2px solid #fff;
background:#000;
color:#fff;
}
#search-btn:hover
{padding:5px;border: 2px solid #000;background:#fff;color:#000;}
/* fin estilo buscador interno */
Guardamos nuestra plantilla.
Vamos nuevamente a Diseño - Elementos de la plantilla:
Y donde queramos ponerlo pulsamos en Agregar un Gadget:
Buscamos el artilugio HTML/Javascript y pulsamos en el "+":
Y agregamos el siguiente código:
<div id="contbuscint">
<form id="searchthis" action="/search/" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Buscar" type="submit"/>
</form>
</div> Pulsamos en Guardar y Listo.
Y mientras vuelve o funcionar, esto es lo que hay.
Leído 1 veces
|
|
 |
 | Blogs De Guatemala |  Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
| Blogs De Guatemala | Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
| Neomaquina | Colombia | Aquí encontraras toda la información de lo mejor en las distintas marcas de carros del mundo, estos seleccionados según su diseño, ingeniería y costo. NEOMAQUINA |
| Neomaquina | Colombia | Aquí encontraras toda la información de lo mejor en las distintas marcas de carros del mundo, estos seleccionados según su diseño, ingeniería y costo. NEOMAQUINA |
| Blogs De Guatemala | Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |
Hola, Invitado
En línea: 194 visitantes
+ fotos
La tasa de infección de Windows 7 es menor a la de XP o Vista [..] 
