Tutorial 1 - Caixinha De Pesquisa

     Hey, Hoje vou fazer minha primeira tuto,  Sabe Aquela barrinha de pesquisa em sites e blog! hoje vou ensinar como personalizar, Bora começar?? click na barrinha azul do lado esquerdo,para ler mais...  <<<<< Vá no HTML De seu blog e click Ctrl+F e Procure Por:    ]]></b:skin>           

Quando achar, cole acima:

.search{

float: left; /* Flutuando a esquerda, poderá também 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: #FFFFFF; /* Cor de fundo da parte onde escrevemos */

}

.searchbut{

background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/

width:30px;

height:30px;

border: 0;

padding:7px;

}

Mude as cores como quiser

link >>> http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

No código, em vermelho mude a imagem do Botão, coloque o url da imagem lá

Essas Imagens são do blog >> Kawaii World:

Para Adicionar no Blog  a caixa de pesquisa vá adicione um gadget em HTML e coloque o código abaixo

<form action="/search" class="search" method="get">

<input class="searchbar" id="s" name="q" type="text" value="" />

<input class="searchbut" type="submit" value="" />

</form>

E foi isso, Espero que tenham gostado, não foi , alguma duvida?? comente, vamos esclarecer