Buscador en la cabecera del blog

poner el buscador es muy sencillo ♥ 

Dashboard  Plantilla  Editar HTML

Con Crtl + f  busca por el siguiente código:
<b:widget id='Header1' locked='true' title='*NOMBRE DE TU BLOG* (cabecera)' type='Header'/>
</b:section>
Ahora, debajo de </ b:section> pega esto: 
<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>
Personalizarlo     ♥  
Debajo de < head> {copia y pega}
<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>
}
Firma Post


No hay comentarios:

ir arriba