[Tutorial]Como poner un buscador kawaii

hola como estan!! Epero que bien :D , hoy les enseño a poner un buscador kawaii!!

• Diseño
• Añadir nuevo gadget jabascrip/HTLM

Y pegar dentro de la cajita este código

<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" /><input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>

si quieres que la cajita del click o del nombre que le pongáis este al lado del buscador dejarlo asi si no 
pegáis el código siguiente y os saldrá debajo del buscador

<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" />
<br />
<input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>

EDIT para los dos codigos igual

Verde:es el tipo de borde de la cajita y del buscador (soild-dotted...)

Borgoña:Es el color de la cajita y el buscador todo igual si lo queréis completamente igual del color y si no lo cambiáis

Violeta es el nombre del click lo podéis cambiar o dejarlo así

doy creditos a clasic&love 

no tengo tiempo para hacerlo yo asi que tuve que copiar de ese blog :D