CAIXAS DE PESQUISA PERSONALIZADAS

E ai pessoal, como passaram o feriado? Eu fiquei em casa mesmo, mas em compensação comi muito chocolate <3 ... Vou deixar caixas de pesquisa personalizadas para vocês usarem, e elas são muito fofas!

Antes de tudo, vá no Blogger > Layout > Adicionar Gadget > HTML/Javascript , e cole o seguinte código:

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

Copie e cole o código do modelo acima de ]]></b:skin .

.searchbar {
width: 190px;
height: 22px;
border-radius: 9px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #f8f8ff;
border: 1px solid #f5f5f5;
box-shadow: inset 0 15px 4px #ffffff;
color: #dcdcdc !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 6px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #dda0dd;
border: 1px solid #dda0dd;
box-shadow: inset 0 18px 10px #ba55d3;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

.searchbar {
width: 190px;
height: 22px;
border-radius: 2px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #f8f8ff;
border: 1px solid #f8f8f8;
box-shadow: inset 0 15px 4px #ffffff;
color: #dcdcdc !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 2px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #4682B4;
border: 1px solid #B0C4DE;
box-shadow: inset 0 10px 15px #B0C4DE;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

.searchbar {
width: 190px;
height: 22px;
border-radius: 2px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #FFC0CB;
border: 1px solid #FFC0CB;
box-shadow: inset 0 15px 10px #FFE4E1;
color: #fff !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 2px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #FF3E96;
border: 1px solid #FF3E96;
box-shadow: inset 0 10px 15px #FF82AB;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

Espero que gostem, bjs :*