Mural das Dicas: Caixa de pesquisa para blogspot

Uma caixa de pesquisa é algo indispensável para qualquer site ou blog. Ela ajuda os leitores a encontrarem qualquer conteúdo em suas páginas com muita facilidade, otimizando assima navegação.

Para inserir uma caixa de busca em seu blog copie o código abaixo e cole dentro de um (gadget java script).

#searchb input[type="text"], #searchb textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 0 none;
    float: left;
    height: 20px;
    padding: 5px 10px;
    width: 170px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    font-family: arial, helvetica, sans-serif;
    font-size: 15px
    }

#searchb .go:hover {
         background: #ccc; /*cor do hover botão*/
}
#searchb .go {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    background: #82AD32; /*cor normal do botão*/
    border: 0 none;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin: 0 10px;
    padding-bottom: 3px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.35);
    width: 60px;
    cursor: pointer
}
</style>

Adicione o URL do seu blog pagina inicial no local indicado http://popularpostagens.blogspot.com.br

Adicione o ID no local indicado ID-BLOG

Pegar o ID blog vá em layout e pegue o numero como na imagem abaixo.

Caixa de pesquisa para blogspot

Nenhum comentário:

Postar um comentário