Fantastico Buscador Para Blogger

Fantastico Buscador Para Blogger

• Super Buscador desplegable para blogger.
  
  

1»Luego seleccionamos plantilla

 2»Luego seleccionamos la opción “Editar HTML”

3»Después apretamos las teclas Ctrl + F

4» Buscamos:  ]]></b:skin>

5» Y justo esto antes de  ]]></b:skin> pegamos el siguiente script:

#search input[type="text"]:hover { background: #fff url("http://1.bp.blogspot.com/-V0HUmNl7SIw/UU0aHf73gBI/AAAAAAAAB-U/kqOTcg5llSY/s000/search_32x32-32.png")no-repeat center left; width: 150px;} #search input[type="text"] { background: #fff url("http://1.bp.blogspot.com/-V0HUmNl7SIw/UU0aHf73gBI/AAAAAAAAB-U/kqOTcg5llSY/s000/search_32x32-32.png")no-repeat center center; font-size: 13px; color: #222; width: 0px; padding: 8px 7px 7px 35px; z-index: 9; border: 1px solid #6AB790; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-bottom: -1px; position: absolute; top: 0px; right: 30px; border-radius: 5px; height: 26px;}

6»Guardamos

7º  Y vamos a Diseño :


9º Añadir Gadget donde lo queramos poner :




10ºSeleccionamos y buscamos :




11º Abrimos y pegamos el siguiente Codigo :

<form expr:action='data:blog.homepageUrl + "search/"' id='search' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/></form> </ul>

12º Guardamos y listo!