Blog da Ketty: Caixinha de pesquisa personalizada

segunda-feira, 14 de setembro de 2015

Caixinha de pesquisa personalizada


Ola meninas e meninos, hoje vim trazer um tutorial super fácil e rápido. 
'Como colocar caixa de pesquisa no blog', é super simples o tutorial, e a caixinha também, porém fica super diferente. Espero que gostem. 

Créditos ao blog: Apenas um Otome

Primeiramente va no HTML e procure por ]]></b:skin>, assim que achar cole esse codigo acima:

.search{
float: left;
font-family: Century Gothic !important; /* Fonte do campo de texto*/
}
.searchbar{
height: 20px; /*Altura da caixa*/
width: 190px; /*largura da caixa*/
border-radius:15px;
background:#fff;
text-align:center;
color:#ff048c !important; /*cor do texto*/
font: 12px Century Gothic !important; /*fonte do texto*/
}
.searchbut{
background: url('Url da imagem do botão');
width:30px; /*Largura do botão*/
height:30px; /*altura do botão*/
border: 0;
padding:7px;
}

Salve, Depois disso adicione um Gadget de HTML e cole:

<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>

Beijos. E espero que gostem!

Nenhum comentário:

Postar um comentário

Olá que bom que veio comentar aqui no Blog da Ketty!

-Sem chingamentos;
-Leio os comentários de crítica construtiva sempre;
-Deixe o link do seu blog;
-Se for reblogar deixe um aviso.

-Agradeço a atenção. Ketty.