Pesquise neste site

Aqui tem a 3ª caixa de pesquisa personalizada para o seu Blogger

Aqui tem a 3ª caixa de pesquisa personalizada para o seu Blogger.

Que tal inserir no seu Blogger uma caixa de pesquisas igual a que está no site massasdocesesalgadoslapa.blogspot.com ?

Então vá em “Layout”, clique em "Adicionar um Gadget" e procure pelo gadget "HTML/JavaScript".
Em "Título" digite o “Pesquisar”, ou o quê você quiser.
Agora copie o texto a seguir e cole em “Conteúdo” do box "HTML/JavaScript ":

<style>
#ba-cuadrobusq .ba-textobusq {
border: 1px solid #DDD;/*--define a cor da borda--*/
box-sizing: border-box;
color: #000000; /*--define a cor da fonte--*/
font-family: 'Lora', serif;
font-size: 14px;
padding:9px;
width: 220px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#ba-cuadrobusq .ba-textobusq:hover {
box-shadow:inset 1px 1px 8px gainsboro;
}
#ba-cuadrobusq .ba-textobusq:focus {
background-image: -webkit-linear-gradient(white,white);
background-image: -moz-linear-gradient(white,white);
background-image: -ms-linear-gradient(white,white);
background-image: -o-linear-gradient(white,white);
background-color:white;
outline:1px solid #E8550B;
color: #000000;
font-style:normal;
box-shadow:inset 1px 1px 8px gainsboro;
border:1px solid #E8550B;
}
#ba-cuadrobusq .ba-enviar {
background:#E8550B; /*--define a cor do botão Buscar--*/
border: 1px solid #E3E3D9;/*--define a cor da borda do botão Buscar--*/
color: white;
cursor: pointer;
font-family: 'Droid Sans', sans-serif !important;
color: #fff;
cursor: pointer;
line-height: 19px;
padding: 8px 10px;
text-decoration: none;
}
#ba-cuadrobusq .ba-enviar:hover {
background:#e8320f; /*--define a cor do botão Buscar hover--*/
}
</style>
<form action="search/" id="ba-cuadrobusq">
   <input class="ba-textobusq" name="q" />
  <input class="ba-enviar" type="submit" value="Buscar" />
</form>

Pronto! Agora você tem uma caixa de pesquisa moderna e personalizada.

Quer conhecer outras caixas de pesquisas personalizadas? Visite:
https://comomelhoraroseublogger.blogspot.com/search/label/Caixas%20de%20Pesquisas%20Personalizadas


Espero que estas dicas tenham sido úteis!
Um abraço,
Flávio Del Puente
Gerente de Marketing Digital
International Sites Brasil

Comentários

Nossas fotos no Flickr (clique na setinha e boa viagem!)

Natureza

Postagens mais visitadas

SEO Básico - Como melhorar o desempenho do seu Blogger

Como inserir um favicon no Blogger

Como inserir Slides de Posts Recentes no Blogger (Responsivo)

Como bloquear a cópia do seu Blogger

Personalize a caixa de pesquisas no seu Blogger

Melhorando o seu Blogger com os marcadores

Como importar uma foto do Flickr diretamente para o seu Blogger

Como configurar um domínio personalizado no Blogger

Como deletar o degradê do plano de fundo das guias (Gadget na "Cross-columm")?

Como personalizar a Página Inicial do Blogger