Tutorial:Buscador en tu cabecera del blog

¡Hola! se trata de esto:(Créditos al final) me dicen que les parécio el tuto oki?

Dashboard Plantilla Editar HTML

Con Crtl + f  busca por el siguiente código:

<b:widget id='Header1' locked='true' title='*recursos kawaii* (cabecera)' type='Header'/> </b:section>

Donde dice title='*recursos kawaii* deben colocar el nombre del blog si no, no les aparecera :).
 

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>

Cambiando los valores del style {el top y el left}, cambias la posición del buscador dentro de la cabecera asi lo acomodas a tu gusto y además para que concuerde con el diseño de tu imagen *O*. Eso es todo!.

Personalizalo   

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> y listo!!! Créditos a:ESTE BLOG