sábado, 7 de diciembre de 2013

Tutorial: Personaliza tu cuadro de búsqueda

Hola! Aqui Claa, que os trae un tuto O.o Espero que os sea de utilidad y lo mas fácil posible.
Bueno aver. Nos vamos a:

Diseño/Añadir un gadget/Html/HAVASCRIPT
Y ponemos este code:
(Vista previa)
Y este sería el code: (Ahora la explicación)

<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9o2BxMdE77U87AzIW4C_Ke47uvujqOjqhaTNOKx6hWJCcmcr2KBV3WAZiG6ArTQmZi3ov28ouYACHcNSPwuUaMBIch5nEZtrIg6CdMFmwl9FHkRtfZVthJ6IqruEf8E0_DwH9BaxvBE/s1600/serch.png" />
<form action="/search" method="get"> <img src="
 " /> <input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #ffaad5; font-size: 11px; border: 1px double #ffaad5;border-radius:5px;box-shadow: 0 0 0.4em #ffaad5 , 0 0 0.4em#ffaad5;" /> <img src="
 " />
<br />
<br />
<input type="submit" value="Presiona para buscar❤" style="font-size: 12px; background-color:#ffffff; color: #ffaad5; border: 1px dashed #ffaad5;border-radius:5px;" /></form></center>

EXPLICACIÓN:
Rojo: Ahí pondrás la url del texto que quieras poner. El que yo tengo puesto es este:

Tu puedes usar el que quieras. Aquí te dejo algunos ejemplos:





Puedes hacer el tullo propio en PhotoScape o Photosop. pero no te olvides de guardar en png! ;)
Espero que os haya servido el tuto, y no os olvidéis de comentar! ;)



No hay comentarios:

Publicar un comentario

Vas a comentar?? Oks Un pedi?? Pidelo!!!! Pero explica bien. Dudas?? Dilas. De un concurso y quieres comentar? Pues adelante!!! ;)