Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1490295728
Vida do cache: 1490554928
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Busca

Busca no blog [3]

Fiz mais um sistema de busca para colocar em seu blog, sem precisar sair fora da página…
Esse pra mim é o mais bonito deles.
Como vai ficar:

Quer um desse para você? Só seguir o tutorial abaixo:
Antes de tudo sempre que for fazer alguma mudança no template, salve ele antes! Para não correr risco de perder tudo e sair prejudicado.

1º – Faça login do seu blog, entre em: “Layout” -> “Editar HTML”

2º – Procure (Ctrl + f) o código:

]]></b:skin>

3º - Cole ACIMA isso:

/* ----- Busca ----- */

.txt_busca{
background-image:url(http://codigosblog.net/servidor/search.png);
background-position:2px 2px;
background-repeat:no-repeat;
padding-left:20px;
border:1px solid #999999;
padding-right:2px;
padding-bottom:2px;
padding-top:2px;
color:#006699;
background-color:#FFFFFF;
}

4º - Salve!

5º - Entre em: "Layout" -> "Elementos da página" e clique em "Adicionar um elemento de página". (onde você quer adicionar o sistema).

6º - Escolha a opção: "HTML/JavaScript".

7º - Cole o código abaixo e salve:

<div align="center">
<form action='/search' id='searchthis' method='get' style='display:inline;'><input class='txt_busca' id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>

  • Pronto!


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

32 Comentários

  1. whebson1 disse:

    Realmente ficou muito bom. 😀

    Valeu pela dica um grande abraço.

    By

  2. Weslei Teixeira da Silveira disse:

    Funcionou perfeitamente!
    Parabéns! =D

  3. leonardo leao silva disse:

    no meu funcionou apareceu ele mais não esta funcionando ele busca mas não traz nenhum resultado

  4. Paulo disse:

    Leonardo…

    não sei porque, mais nunca tive problema com esse sitema…

    abraços

  5. Anonymous disse:

    Oi Paulo.
    Uma dúvida. Tenho no meu blog os links de vários outros blogues que fiz a partir deste. Existe algum processo para fazer busca no blogue principal com a informação dos outros?
    Carlos

    orpheu1888@sapo.pt

  6. Pacheco disse:

    Perfeito, funcionando à todo vapor, quem quiser testar acesse lá e verifique
    Obrigado!
    Cachaça Aragana – Cachaça brasileira

  7. Paulo disse:

    Anonimo…
    não sei nada sobre blog sapo. =[

  8. Saulo disse:

    Kra muito bom msm!!
    procurei isso em tds os lugares e naum achei
    mt bom!!

  9. Marcos disse:

    Olá Paulo, gostaria de colocar uma busca “Adsense para pesquisas” em meu blog. Já gerei os códigos certinhos. A opção da busca até aparece no blog, mas ao efetuar essa busca, não sou redirecionado a página dos resultados, aliás, não sou redirecionado a página nenhuma. Nada acontece. Poderia me ajudar com esse problema? Agradeço muito a ajuda. Abraços.

  10. zxleozx disse:

    oi
    muito bom!!!!
    muito obrigado!!!!!

    meu blog
    http://pontodedicas.blogspot.com

  11. Paulo disse:

    Marcos…
    Isso é problema no adsense.
    =[

  12. Jack O'diamonds disse:

    Funcionou perfeitamente, já havia tentado varios
    códigos, sem sucesso. Valeu!

  13. IRMÃOS METRALHA disse:

    Fiz no meu blog, e ficou perfeito. Valeu!!!

  14. Anonymous disse:

    vlw ai puta treta para axa isso so axei aqui vlw msm fika com deus ai at+++

  15. Havaiano disse:

    cara num funciono. ele busca mais sem resultados

  16. zipper_downloads disse:

    Valeo memo em abração flw

  17. zipper_downloads disse:

    valeo memo em abração flw…

  18. Gabriel Felipe disse:

    MUUUUUUITO BOM! obrigado meeeesmo Paulo.
    o gadget de busca do google é muito feio, estraga a tela do blog, o seu não, é perfeito!

  19. E.M. Silva disse:

    Brigadão Vlw mesmo precisava disso.

  20. Clipes-Blog disse:

    perfeito me ajudo muito, obrigado

  21. grátis download disse:

    nao sei porque incluo vários codigos depois de um tempo para de funcionar porque será?
    ja deletei meu blog e fiz outro com outro endereço de e-mail tudo enada.
    se alguem puder ajudar: admdrgr@gmail.com. obrigado.

  22. grátis download disse:

    olá, nao consigo ele da erro aparece na busca resultados nada a ver.
    ja troquei de template, ate criei outro endereço de e-mail, e abri um novo blog com endereço diferente, postei novamente cada postagem 1 por uma e nada.
    acesse: http://www.gratisdd.blogspot.com

    coloque na busca a letra " a " ele aparece e dai diz " mostrar postagens antigas " ao inves de " mostrar todas as postagens"

  23. Nill disse:

    Funciona blz…obrigadooooooooooooooooooo………

  24. Paulo Estevão disse:

    @grátis downloads,
    Isso é culpa do sistema de busca do Blogger. Esse buscador que fiz não tem nada de mais, apenas é um buscador personalizado com o mesmo sistema padrão de busca do Blogger.

  25. CapasdeFilmes disse:

    amigo tem como vc me da uma ajuda ai, gostei do seu codigo mais naum ta aparecendo o campo pra vc digitar oq ta querendo busca ja troquei o template e continua a mesma coisa aguardo um contato seu.
    http://capasfilmesbr.blogspot.com/

  26. Lucas Rezende disse:

    como tiro a lupa?

  27. links premium disse:

    excelente cara, valeu pelo codigo, ta rolando perfeito !!

  28. Renan disse:

    Funcionou perfeitamente, valew…

  29. Denteras disse:

    realmente funciona, eu recomendo muito bom masmo

  30. Zene disse:

    Perfeito, muito obrigada!

  31. O Puxador de Assunto disse:

    Com certeza com essa postagem voce salvou minha vida esta procurando varios sistemas de pesquisa mas o seu foi o melhor que eu achei parabens

  32. Ranieri disse:

    Muito bom, obrigado!

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.