Como Colocar Barra De Pesquisa Em Blogs !!

Oii,Oii Peperonis De Queijo !! Como Vão ??

Hj Vou Mostrar Pra Vcs ...

COMO COLOCAR BARRA DE PESQUISA EM BLOG'S !! 

Você Deve Ir Em 

• Desing
• Editar Html
• Aperte Ctrl F 
• Procure Por /* Header
• Encima Cole O Codigo Abaixo 

/* Search
----------------------------------------------- */
.search{
float: left;
font-family: Verdana !important;  /*FONTE*/
}
.searchbar{
border: 2px dashed #ccc; /*BORDA DA BARRA DE PESQUISA*/
background:#fff;  /*COR DE FUNDO*/
color:#ff0066;  /*COR DA FONTE*/
font-family: verdana;  /*ESTILO DA FONTE*/
font-size:14px;  /*TAMANHO DA FONTE*/
}
.searchbut{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPrE6Nr5WVob7S9dTb_-Lgde-PUaCR3gGkdSTyUA9dLPLiZBGn21P15gU0s9Ebd2Nnd0WiKO30mmM60cDPfDzOg_44h19WVoo_g5UN-r_ap0LDdgfbRRa9cNUunrocvEePJQ87bW9lB9w/s32/buttom_pesquisa_uprising_teen.png) no-repeat;  /*URL DA IMAGEM*/
width: 30px; /*LARGURA DA IMAGEM*/
height: 32px; /*ALTURA DA IMAGEM*/
border:0px;
font-weight:normal;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
}
.searchbut:hover {
width: 40px; /*TAMANHO DA IMAGEM*/
height: 42px; /*ALTURA DA IMAGEM*/
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}

• Salve
• Vá Para Layout
• Adicionar Gadget 
• Html/Java Script 
• Cole O Código Abaixo   

<div id='busca'><form action="/search" class="search" method="get">
Pesquisar: <input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="Buscar" />
</form></div> 

• Salve & Prontinhoo ; D
• Espero ter Ajudado !!!
• Até o Proximo Post !! ♥