Hola muffins! Hoy traigo un tuto de buscador en la cabecera, si no sabes cuál, les dejo una imagen c:
Para tenerlo tienes que ir a Plantilla · Editar HTML y buscar:
<b:widget id='Header1' locked='true' title='My friki space (cabecera)' type='Header'/></b:section>
Cámbialo por el título de tu blog
Después, debajo de </ b:section> pega este código
<div style='position:absolute; top:60px;left:50px;'><form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/> <input id='search-btn' type='submit' value='Buscar'/></form></div>Cambia los valores del style [top y left], cambias la posición del buscador dentro de la cabecera, así lo acomodas a tu gusto y además para que concuerde con el diseño de tu imagen ^-^. Eso es todo! *-*
Para personalizarlo:
Pega debajo de <head>
<style>
#search-btn {
background-color:#A9D0F5;
color:#FFFFFF;
margin:0;
font:bold 14px Tahoma;
border:0;
}
#search-btn:hover {
cursor:pointer;
background-color:#2E9AFE;
}
#search-box {
color:#2E9AFE;
margin:0;
font:bold 12px Arial;
border: 1px solid #CEE3F6;
width:140px;
}
</style>
También puedes pegarlo en un
Gadget HTML·JavaScript, aunque
será un poco complicado editarlo
Créditos: ·
buen tutorial gracias ^^
ResponderBorrargracias por la tuto^^
ResponderBorrarsaludos~