♥♥♥

~♥♥♥

troquei de layout! ( avá ). talvez com ele a inspiração volte, quem sabe? ele ficou muito cegante? gostaram? :x

Personalizando o botão de pesquisa



Vá no editor de HTML do seu blog, clique nos três pontinhos do seguinte código:
Agora, aperfe Ctrl+F e pesquise por ]]></b:skin>. Acima disso cole:
.search{
float: left;
font-family: arial !important;}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 120px; /*largura da caixa*/
text-align:center;
color:#CORFONTE;
background: #BACKGROUND!important;
box-shadow: inset 1px 1px 6px  #dcdcdc;
font: 11px arial !important;
border: 2px solid  #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.searchbut{
background: url('URL DO BOTÃO');
width:27px; /*Largura do botão*/
height:20px; /*altura do botão*/
border: 0;
padding:2px;
}
.searchbut:hover{
background: url('URL DO BOTÃO HOVER');
width:27px; /*Largura do botão*/
height:20px; /*altura do botão*/
border: 0;
padding:2px;
As partes em negrito são as que você pode personalizar. Url do botão e url do botão hover é onde você coloca o link da imagem dos botões de pesquisa, respectivamente.
Agora, vá no layout do seu blog, adicione um novo gadget de HTML/JS e cole esse código:
<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form>
Salve e pronto. Agora, fiquem com algumas imagens:




Nenhum comentário:

Postar um comentário

Obrigado por comentar. Meu Mundo de Blogueira agradeçe sua visita !

* Sigo de volta ? Sim todos que REALMENTE seguem o blog, portanto não tente falar que está seguindo se não estiver, pois eu verifico antes. Deixe seu link para eu seguir de volta.
* Retribui visita ? Sim de todos que não vem aqui somente com objetivo de divulgar seus blogs.
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor. Também não retribuirei visitas a esses blogs.
* Não aceito Tags nem SELINHOS
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.