5 Feb
Buscador interno para el blog
Hace un tiempo veía esas cajitas de busqueda que tenían algunos blogs amigos donde podíamos buscar cualquier contenido o palabra clave en dicho espacio. Hoy, buscando algo de información, me encuentro con unos excelentes pasos, muy sencillos por cierto, de como poner un buscador en la plantilla del blog, todo lo que tenemos que hacer son estos pasos:
(1) Agregamos un nuevo elemento HTML y pegamos este trozo de código:
<div id=’busqueda’><form action=’/search’ id=’busquedaform’ method=’get’>
<input class=’txtField’ id=’s’ name=’q’ type=’text’ value=”/>
<input class=’btnSearch’ id=’busquedasubmit’ type=’submit’ value=”/>
</form></div>
(2) Nos vamos al Diseño / Edición HTML y pegamos antes de ]]></b:skin>:
#busqueda {
width:233px;
height:60px;
background:url(URL ALOJAMIENTO IMAGEN DE FONDO) no-repeat;
}
#busqueda form {
padding:0;
margin:0;
}
#busqueda .txtField {
margin:20px 0 0 45px;
padding: 0 0 0 8px;
width:120px;
color:#000;
background:transparent;
font-size:11px;
border-style:none;
cursor:text;
}
#busqueda .btnSearch {
width:40px;
height:60px;
border-style:none;
float:right;
background:transparent;
cursor:pointer;
margin: 0;
}
Para terminar lo único que debemos hacer es cambiar la URL de imagen por la dirección de la nuestra y lísto, ya tenemos nuestro buscador interno para el blog…
Esto lo aprendí en Atasca2. Truco para Blogger.
