Como colocar caixa de pesquisa personalizada!

Oiie gente! Como sabem temos uma caixinha de pesquisa personalizada na sidebar,e hoje vou ensinar como colocar uma, mas antes queria agradecer e dar os créditos dessa postagem ao Tutoriais Attitude Included onde aprendi esse tutorial.

1- Vá em Painel, Design, Elementos da página e adicione um gadget Html/JavaScript e cole o código a seguir :

<form action="/search" class="search" method="get"><br><input class="searchbar" id="s" name="q" type="text" value="" /><br><input class="searchbut" type="submit" value="" /><br></form><br></span></div><div><span class="Apple-style-span" style="background-color: rgb(23, 23, 23); "><form action="/search" class="search" method="get"><br><div style="text-align: -webkit-auto;"><span class="Apple-style-span" ><span class="Apple-style-span" style="font-size: 12px;"><br></span></span></div><span class="Apple-style-span" style="line-height: 14px;"><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); "></span></span></form></span></div><div><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); "><br></span></div><div><span class="Apple-style-span" style="font-family: Tahoma; font-size: 14px; line-height: 19px; background-color: rgb(255, 255, 255); ">2- Vá em Painel, Design, Editar HTML, aperte CTRL+F, procure por e <br><br><textarea> ]]></b:skin><br> cole</span><b style="text-decoration: none; font-family: Tahoma; font-size: 14px; line-height: 19px; text-align: -webkit-auto; background-color: rgb(255, 255, 255); ">ACIMA fazendo as alterações desejadas</b><span class="Apple-style-span" style="font-family: Tahoma; font-size: 14px; line-height: 19px; text-align: -webkit-auto; background-color: rgb(255, 255, 255); "> :</span></div><div><span class="Apple-style-span" style="font-family: Tahoma; font-size: 14px; line-height: 19px; text-align: -webkit-auto; background-color: rgb(255, 255, 255); "><br></span></div><div><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; background-color: rgb(23, 23, 23); ">.search{</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">float: </span><u style="color: rgb(102, 102, 102); text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">left</u><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">font-family: </span><u style="color: rgb(102, 102, 102); text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">Tahoma</u><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">, </span><u style="color: rgb(102, 102, 102); text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">Tahoma</u><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">; /* Fonte */</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">}</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">.searchbar{</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">height: 20px;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">width: 140px;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">color: </span><u style="color: rgb(102, 102, 102); text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">#FF82AB</u><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">; /* Cor da fonte */</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">}</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">.searchbut{</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">background: url('</span><u style="color: rgb(102, 102, 102); text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">http://i39.tinypic.com/25ezh8z.png</u><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">'); /* Link da imagem do botão de pesquisar*/</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">width:30px;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">height:30px;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">border: 0;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">padding:7px;</span><br><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); ">}</span></div><div><span class="Apple-style-span" style="color: rgb(204, 204, 204); font-family: Tahoma; font-size: 10px; line-height: 14px; text-align: justify; background-color: rgb(23, 23, 23); "> </span></div><div style="text-align: left;"><span class="Apple-style-span"><span class="Apple-style-span" style="line-height: 10px;">Onde tem </span></span><span class="Apple-style-span" style="font-family: Tahoma; font-size: 10px; line-height: 14px; background-color: rgb(23, 23, 23); "><span class="Apple-style-span">'</span></span><u style="text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; background-color: rgb(23, 23, 23); "><span class="Apple-style-span">http://i39.tinypic.com/25ezh8z.png Substitua pelo URL do seu botão de pesquisar!</span></u></div><div style="text-align: left;"><u style="text-decoration: none; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(255, 105, 180); font-family: Tahoma; font-size: 10px; line-height: 14px; background-color: rgb(23, 23, 23); "><span class="Apple-style-span"><br></span></u></div><div style="text-align: left;"><span class="Apple-style-span"><span class="Apple-style-span" style="line-height: 11px; ">ESPERO QUE TENHAM GOSTADO ^^ AMANHÃ TEM MAIS! BEIJOS,Dalva!</span></span></div>

2- Vá em Painel, Design, Editar HTML, aperte CTRL+F, procure por

]]></b:skin>

e cole o código abaixo ACIMA dele

fazendo as alterações desejadas :

.search{<br>float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */<br>font-family: Tahoma, Tahoma; /* Fonte */<br>}<br>.searchbar{<br>height: 20px;<br>width: 140px;<br>color: #FF82AB; /* Cor da fonte */<br>-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */<br>}<br>.searchbut{<br>background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/<br>width:30px;<br>height:30px;<br>border: 0;<br>padding:7px;<br>}

Depois Salve e pronto!!! :)