Um dos elementos mais utilizados nos blogs é, provavelmente, a caixa de busca. Se um usuário quer encontrar qualquer artigo ou tema em seu blog, fora os marcadores (Labels), o mas simples é usar a ferramenta de busca.
Por isso, o mais logico é que você coloque uma caixa de busca a disposição do usuário, melhor ainda quando ela é elegante como esta (desenhada com CSS3) fica muito melhor.
Como colocar a caixa de busca elegante desenhada com CSS3 no blog?
Para coloca-la em seu blog, é muito simples.
Vá até ‘Layout‘ → ‘Elementos de página’ → Clique em ‘Adicionar um gadget’ → Escolha tipo ‘HTML/Javascript’ e cole o seguinte código:
__
Obs. Substitua a parte que está destacada em vermelho como o nome do seu blog
Você pode fazer alterações como desejar.
eu coloquei em blog de teste e ficou estranho. nao mudei nada. veja http://blogblogblogblogteste123.blogspot.com.br
como faço para ajustar
Está faltando regular o tamanho. Você deve aumentar ou diminuir o tamanho de acordo com o tamanho da sidebar do seu blog:
.form-wrapper {
width: 300px;
Codigo cheio de bug
Colega eu acho que você não deveria falar do que você não conhece. Dizer que o código está cheio de bugs é uma das maiores idiotices. Você poderia dizer que especie de bugs tem nesse código? Sabidão.
o codigo ta incompleto