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

Como Melhorar 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 para você!
Se precisar de uma ajuda extra, pode contar com a nossa assessoria profissional.
Sueli Rocha Miranda


Saiba mais...

Menu Completo

Sites Turbinados

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

Atenção! Pare de utilizar o Widget Imagem no Blogger

Como reduzir automaticamente as imagens para ajustar ao Blogger

Site desenvolvido pelo Site Nota 100


em parceria com a Gráfica Muito Mais Barata

Sites hospedados na International Sites Brasil



Gráfica Muito Mais Barata

Tabela de Preços

Promoções Imperdíveis

Distribuição de Folhetos

Fale Conosco

Site Nota 100

Sites no Topo do Google

E-mails Profissionais Turbinados

O que é SEO? Como conquistar os primeiros lugares no Google?

Fale Conosco


Tags: Dicas para o Blogger, Tutoriais, Atualizações. Matérias sobre Otimização, SEO, Personalização, Como Melhorar O Seu Blogger... e muito mais!