27 nov. 2014

[Tutorial] Buscador #1

Hiiii~! Hoy os traigo un tutorial de como poner un buscador más cute en vuestro blog!

Para tener este buscador id a Diseño > Añadir gadget Jabascrip/HTLM
En ese gadget pegad el siguiente 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="Click" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed#fcbbcd;border-radius:5px;" /></form></center>
Verde: borde de la cajita y el buscador (solid-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: Nombre del "Click"

Si quereis que el "Click" salga debajo y no al lado como el primero, poned 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;" /><br /><input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>
Y aquí termina el tuto!
CRÉDITOS: Clasic & Love

2 comentarios: