24.7.12

Caixa de Pesquisa Personalizada

Tumblr_m7j2xmdhxz1qg78wpo1_500_large

A Pedido da Livia pelo C-box vou colocar aqui 
como se coloca no blog a caixa de pesquisa 
personalizada como no meu. O De Vocês devem ficar assim:
Sem Mais Enrolações vamos ao tuto!
Vá em Modelo >> Editar HTML >> aperte f3 e procure por:
]]></b:skin>
Acima dessa Tag Cole o código abaixo:
.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: #FFF; /* 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;
}
Você pode personalizar o botão como eu fiz no meu
e personalizar as cores clicando nesse link
Código de Cores(www)

Depois vá em Layout >> Adicionar Gadget >> HTML/Javascript
e cole isso sem fazer nenhuma alteração:

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
Se quiserem pedir mais outra coisa e só pedirem pela C-box
Bjão





Nenhum comentário:

Postar um comentário

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações