Caixa de Pesquisa Hover - Exclusiva

Eu fiquei dormindo desde que cheguei da escola e almocei, e vou voltar a dormir depois, para quem quiser saber. Só vou acabar essa e outra postagem para um blog que também posto. É incrível que eu não queria dormir hoje, nem dormi muito tarde ou mal ontem, mesmo depois de uma festa. Mas isso não é o assunto, tenho que acabar logo essa postagem para fazer os temas, talvez comer, tomar um banho e voltar a dormir. DIUFDSF' Vida muito agitada a minha, hein? Meus pais reclamam que só durmo e vou na internet, mas eles não fazem nada de diferente, nunca me levam em nada. Então só tenho opção de ficar na internet. -q Bom, já que eu que fiz esse layout, vou ensinar algo dele: o efeito da caixinha de pesquisa, que está no cabeçalho. É exclusivo meu, então creditem! Leiam mais. :3

Vá no Modelo do seu blog, então clique na caixa de códigos, tecle CTRL+F e procure por ]]></b:skin>. Então, acima da tag procurada, copie e cole o código localizado no  blockquote abaixo, editando o que for preciso: 

.search{ float: center;}
.searchbar{ filter: alpha(opacity:1); KHTMLOpacity: 1; MozOpacity: 1; -khtml-opacity:.1; -ms-filter:"alpha(opacity=100)"; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; box-shadow: 0 0 3px #f3bba5; outline: none; border-radius: 3px; font-size: 11px; font-family: arial; background: #cor do fundo outline: none; border: 1px solid #cor da borda; padding: 5px; color: #cor da fonte; text-shadow: 0 1px 1px #fff; width: largurapx; text-shadow: 1px 1px 0px #fff; webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.searchbar:hover{filter:alpha(opacity=60);
opacity:.100;outline: none;background: #cor do fundo hover; color: #cor da fonte hover;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear; width: largura hoverpx; }
.searchbut{ background: transparent; border: 0; padding:0px;}

Salve e depois mude de Modelo para a parte do Layout do seu blog. Cole o código abaixo em um gadget que quiser, para que a caixa de pesquisa apareça. Se preciso subi-la, use tutorial de gadgets no cabeçalho.

<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" placeholder='' type="text" value="" /> <input class="searchbut" type="submit" value=""/></form>