Como colocar Caixa de Pesquisa no blog

Oiie peoples, tudo bem?

Hoje irei ensinar a como colocar a Caixinha de Pesquisa no blog, que nem essa.

Siga os passos abaixo


1- Vá em Layout>> Adicionar um gadget>> HTML/JavaScript e cole o código a seguir sem alterar nada:


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

2- Vá em Modelo>> Editar HTML>>Aperte CTRL+F , procure por ]]></b:skin> e cole o código ACIMA fazendo as alterações desejadas:


float: left; /* TAMBÉM PODERÁ MUDAR PARA RIGHT (DIREITA) E LEFT (ESQUERDA) */ font-family: Tahoma, Tahoma; /* FONTE */ } .searchbar{ height: 20px; width: 140px; color: #FF82AB; /* COR DA FONTE */ -moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */ } .searchbut{ background: url('http://i39.tinypic.com/25ezh8z.png'); /* LINK DA IMAGEM DO BOTÃO*/ width:30px; height:30px; border: 0; padding:7px; } <form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form>

3- Depois clique em "Salvar"


Espero que tenham gostado ♥