En la imagen lo pueden apreciar de como queda este excelente buscador, la verdad es que a mí me gusta muchísimo para lucirlo en cualquiera de mis blogs este buscador de YouTube con CSS3 para blogger.



El código del buscador es el siguiente y tienes que colocarlo, en la parte que deseas, que salga el buscador:

Código:
<form id="soywebmaster" action="/search" method="get">
<input id="soywebmaster2" name="q" type="text"/>
<input id="soywebmaster3" value="" type="submit"/>
</form>
Y el código CSS es el siguiente, sabes que tienes que colocar el CSS antes de la etiqueta ]]></b:skin> en el editor HTML de la plantilla de blogger:

Código:
#soywebmaster2 {
background: #fff;
float:left;
margin: 0;
padding: 0 0 0 10px;
width: 250px;
height:32px;
line-height:32px;
color:#000;
font-size: 15px;
text-align: left;
border: 1px solid #ccc;
-moz-box-shadow: inset 2px 1px 5px #efefef;
-webkit-box-shadow: inset 2px 1px 5px #efefef;
box-shadow: inset 2px 1px 5px #efefef;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#soywebmaster2:hover, #soywebmaster2:focus {
border: 1px solid #b0c4de;
}
#soywebmaster3 {
background: #ffffff url(http://2.bp.blogspot.com/-VYMvuxIvbwU/UCU2O0dn48I/AAAAAAAAFXc/THhKD8aXzG0/s400/btt-ajmrdesign.png) no-repeat;
float:left;
margin: 0;
padding: 0;
height:34px;
line-height:34px;
width: 49px;
border: none;
cursor:pointer;
}
#soywebmaster3:hover {
background: #ffffff url(http://2.bp.blogspot.com/-VYMvuxIvbwU/UCU2O0dn48I/AAAAAAAAFXc/THhKD8aXzG0/s400/btt-ajmrdesign.png) 0% 100% no-repeat;
-moz-box-shadow: 0px 0px 3px #cacaca;
-webkit-box-shadow: 0px 0px 3px #cacaca;
box-shadow: 0px 0px 3px #cacaca;
}
Ahí les dejé el demo, debajo de la imagen, y pueden ver como queda, lo único es que no intenten, buscar nada en ese blog, ya que no tiene ninguna entrada, y por ende, no encontrará nada el buscador. Espero que les haya gustado, es un excelente buscador, a mí me gusta mucho de verdad que sí..

Saludos a todos.