Veja aqui a 4ª caixa de pesquisa personalizada para o seu Blogger

Como Melhorar O Seu Blogger

Veja aqui a 4ª caixa de pesquisa personalizada para o seu Blogger.

Que tal inserir no seu Blogger uma caixa de pesquisas igual a que está no site Mais Humor, Por Favor ?

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>
#searchbox {
background: #d8d8d8; /*--define a cor dofundo--*/
border: 4px solid #e8e8e8; /*--define a cor da borda--*/
padding: 20px 10px;
width: 270px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uKelNJggJeVQ1U6ZPgN9qvVUkMvevI4VLml6RpjBiKG7Xj1e7ahvrPhjqveQiGnNCoxHFWjdLnHvGLrZnbKcQ9eku1J8O9NPl9o63oyjYV2O5yKYNGbh30XWO918fHPTzQWtyY8ql7m8/s1600/search-dark.png) no-repeat 10px 6px #fff;
border-width: 1px;
border-style: solid;
border-color: #fff;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe; /*--define a cor do texto--*/
width: 55%;
padding: 8px 15px 8px 30px;
}
#button-submit {
background: #6A6F75; /*--define a cor do botão Buscar--*/
border-width: 0px;
padding: 9px 0px;
width: 23%;
cursor: pointer;
font: bold 12px Arial, Helvetica;
color: #fff; /*--define a cor da fonte do botão Buscar--*/
text-shadow: 0 1px 0 #555;
}
#button-submit:hover {
background: #4f5356; /*--define a cor do botão Buscar hover--*/
}
#button-submit:active {/*--define a cor do botão Buscar ativo--*/
background: #5b5d60;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Digite aqui" />
<input id="button-submit" 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.

Assessoria Profissional para seu Blogger

Sueli Rocha Miranda