Postagens | Dicas blog, Imagem, Pc Windows

Como colocar caixa de busca Google no Blogger

Uma "novidade", talvez não seja, mais eu só percebi que tem como colocar uma caixa de pesquisa do google e outros gadgets de forma fácil e rápida no blogspot, sem ter que mexer com código, o que faz ganhar tempo.

Permite ao usuário do blog fazer uma busca no google sobre o blog em que ele está lendo, o resultado aparece na própria página.

Atualização 2014, O gadget do blogger andou apresentando problemas, pode não funcionar mais, recomendo que use e crie um formulário de busca do Google Adsense
Atualização importante 2013: Com a remoção da antiga interface do blogger mudou a maneira de fazer as coisas, para colocar caixa de busca do google no blogger, clique aqui, e, ele pode não funcionar


Apesar de já existir a opção de busca da navbar, tem quem prefira uma busca do google, há uma diferença enorme entre a pessoa ver resumos da sua pesquisa com um link para o post em questão e a busca feita no navbar; onde irá aparecer todos as postagens referentes a busca.

Bom, no que trata-se de gadget, é que mudando a forma de visualização do painel do blogger para "rascunho"( http://draft.blogger.com/) pode ficar mais fácil de inserir gadget no blogspot, até por ter uma visão mais rápida dos gadgets disponíveis.
    Acesse o blogger.com ou draft.blogger.com e:
  1. Layout
  2. Adicionar um Gadget
  3. Na página que abrir observe na lista lateral se está em Noções básicas, se não estiver clique.
  4. Procure e clique Caixa de pesquisa.
  5. Abrirá nova janela para configurar como algumas regras para a busca, após, clique em SALVAR
  6. De volta a página elementos da pagina clique em SALVAR


Para ver como ficou no blog onde fiz isso clique aqui(substituí por outro), tem também uma enquete que criei, fácil e muito rápida.

27 comentários:

  1. Anônimo20/1/09

    Oi como colocar um desses no meu Blog
    andresantos.local@gmail.com

    Desde já agradeço.

    ResponderExcluir
  2. não consegui,não encontro a opção caixa de pesquisa...

    ResponderExcluir
  3. Caro Internauta,

    Muita preciosa a sua dica sobre o buscador Google. Valeu!

    ResponderExcluir
  4. Caro, Internauta,

    Muito preciosa a sua dica! Valeu!

    ResponderExcluir
  5. google paga tambem desse jeito ou precisa ser personalizado? valeu

    ResponderExcluir
  6. Obrigado pelos comentarios.
    Roberto Productions Até o momento essa opção só é disponível em http://draft.blogger.com, só pra frisar, caso alguém tenha alguma duvida esse endereço é seguro, é do blogger, mas parece que ao postar ele não salva automaticamente as postagens como rascunho.
    Infotecnew A busca do Google com Adsense paga ao clicar no anúncio, e tem alguma dificuldade de configurar, essa caixa de pesquisa não tem anúncios incluídos, talvez um dia, mas é fácil de inserir no BlogSpot e se o blogueiro não tem prática e tem poucas visitas pode ser mais interessante(pra quem tá começando) colocar esse gadget de busca acima, e gastar seu tempo com postagens, aprender a escrever textos que apareçam bem nas pesquisas(SEO) e tentar entender o que as pessoas estão gostando e procurando em seu blog(claro que isso é pensando no tempo que a pessoa pode gastar configurando uma busca fora do blogger).

    Mas, quem gosta de informática possivelmente vai fazer a configuração da busca do Google Adsense e se "divertir" ao mesmo tempo, então, preste atenção que tem a opção de palavra chave no Adsense para Pesquisa que é muito importante para ele saber sobre seu blog e colocar anúncios direcionados(relevantes).

    ResponderExcluir
  7. Gostaria de saber como colcoar qualquer gadget do lado esquerdo do seu blog como eu faço iso flw

    ResponderExcluir
  8. OI AQUI TEM TUDO QUE PRECISAMOS . LEGAL UM ABRAÇO.

    ResponderExcluir
  9. tenho dois blog so que com tematicas diferentes. Porem as minhas informaçoes cadastrais sao compartilhadas pelo dois. Como alterar isso ja que o buscador do google so encontra um dos blog?

    ResponderExcluir
  10. Obrigado pelos comentários.

    Toribashhhhh O que você quer é complexo demais para postar, em cada modelo seria um pouco diferente e poucas pessoas iriam conseguir tirar proveito, Mas isso não quer dizer que não exista algo na web. Pesquisa...

    Professor Estéfane Lindeberg

    Seus blogs tem tematicas diferentes, Esse gadget pode ser bem útil, é bem configurável, tem as opções de permitir outros tipos de resultados, tudo isso em uma busca apenas.
    Se na configuração você marcar todas as opções e fazer o que está descrito abaixo, permitirá que, quando uma pessoa fizer uma busca ela terá a opção de escolher se quer ver resultados:
    só no seu blog, da sua Lista de blogs, Web ou a opção Links daqui.
    Essa ultima opção citada acima vai mostrar resultados para seu outro blog apenas se nas suas postagens você criar links para as postagens do outro blog, você pode criar algo como um "leia também" no final do post ou adicionar um ou dois links no texto, em palavras, imagens ou frases que tenham uma relação com algum post do outro blog, talvez os que você ou as pessoas mais gostaram. Esses links devem ser feito no momento de postar, não devem ser scripts, e isso melhora um pouco o blog que recebe links ou se a postagem indicada é boa pode valer para ambos.

    ResponderExcluir
  11. Olá kra que escreve o blog legal o seu trabalho só uma pergunta com tantos seguidores imagino quantos acessos tu deve ter por mês?!?

    ResponderExcluir
  12. Resposta ao: Visitem meu site clicando aqui

    Nem um terço deles acessa diariamente o blog, mas os números, mesmo não sendo muito, são graças ao tempo do blog, aos textos originais e com a mais preocupação de postagens ser útil do que lucrar com elas.

    ResponderExcluir
  13. eu coloco mais tento usar a busca e não aparece nada.

    ResponderExcluir
  14. eu,

    O problema é com seu template, quem tem modelos que não são do blogger correm esse risco, portanto muitas vezes tem como corrigir isso, no seu caso e de outros talvez, tenha que adicionar uma classe no Css do seu Html pois as cores da fonte e fundo são as mesmas.

    Você pode Acessar o painel do blogger e => Layout => Editar Html(faça um backup de seu modelo por segurança) e apenas procure por esse código:

    ]]></b:skin>

    Uma linha acima dele ou exatamente antes dele, adicione:
    .gs-blogResult{background-color:#fff;color:#000000;}




    Deverá ficar parecido com isso:


    .gs-blogResult{background:#fff;color:#000000;}
    ]]></b:skin>

    Essa classe .gs-blogResult é onde aparece o resultado e background:#fff; é cor de fundo branca e color:#000000; é cor da fonte preta, Você pode procurar outros códigos hexa html para cores na web.

    códigos hexa para cinza #ccc

    Poucas cores são possíveis mudar nesse local, apenas a cor do texto do resultado e cor de fundo, os links são difíceis demais, então conseguindo mudar a cor de fundo está de bom tamanho para algo que era para ser simples.

    Só para resaltar, que esse código já existe ]]></b:skin> no html e não deve ser adicionado. Só deve ser adicionado o código com a classe e cores e acima exatamente antes desse ]]></b:skin>

    ResponderExcluir
  15. Obrigado pela ajuda achei super fácil instalar a caixa de pesquisa.
    Bjss!!!

    ResponderExcluir
  16. Olá caríssimo amigo...quanto tempo!!!
    Pitou um problema que não sei resolver. Na verdade não sei se tem solução, mas como você consegue dar um jeitinho em tudo lá vai:
    No cabeçalho do meu blog tem uma caixa de busca, que eu não gosto muito. Mas o problema maior é a localização, que me impede de colocar mais páginas, pois elas não aparecem exatamete por causa da caixa de busca.Tem como retirá-la?
    Bjão e desde já muito obrigada.

    ResponderExcluir
  17. Kátia Fernandes

    Me parece que você usa um gadget que já vem com o template, talvez não, mas no seu caso, tem duas opções, colocar esse campo de busca mais abaixo ou apagar ele.
    Se quiser que ele vai mais abaixo, você pode adicionar um código Css, clique e veja como, sabendo como adiciona Css, use esse código Css:

    #searchbox{margin-top:40px;}

    Você pode aumentar ou diminuir o número acima a seu gosto. Kátia, só para avisar que no final do seu Css encontrei um caracter fecha-chaves sobrando }

    Para apagar o campo de busca, pode tentar ir em Edita HTML e fazer uma cópia dele antes(salvar) aí precisa apagar uma seqüencia de tags, localize essa linha:
    <form action="/search" id="searchthis"

    Umas 3 ou 5 linhas abaixo dela tem </form> você precisará apagar essas tags e o tudo que tem entre elas(dentro delas, entre uma e a outra).

    Vi outra coisa, num de seus gadgets tem um ícone de edição que está visível para os outros, você pode perceber ao acessar seu blog com outro navegador ou não estando logada no blogger, aquele gadget no topo que tem os botões de twitter, facebook e feed, para apagar pode ir em Design e, Elementos da página, encontre o gadget e Editar, faça uma cópia do código desse gadget e localize essa linha:

    <span class="widget-item-control"

    apague ela e o que estiver abaixo dela.

    ResponderExcluir
  18. Ola amigo, desculpa só postar a resposta agora, mas estava deconectada. Bem, vamos por parte:
    tentei retirar o gadget mas não consegui. O que fiz para ele desaparecer foi colocar no Css, após #searchbox display:none . Então testei alterar o tamanho e deu certo. Percebi que lá em elementos da página, esse widget não aparece. Vc só consegue localizá-lo através do HTML. Bem, quanto ao ícone de edição não consegui localizar as linhas que vc mencionou, e não consegui tirá-lo. Ah, e o caracter fecha-chaves sobrando }também não encontrei, o que vi e tentei tirar, dava um erro.
    Só uma pergunta, é possível mudar pelo menos a imagem desse widget? Como faço isso?
    Bjs e obrigada sempre.

    ResponderExcluir
  19. Kátia

    Você pode ir no seu HTML e apagar esse tercho:
    <div id="searchbox">
    </div>

    ou se não tiver, ele pode estar assim:
    <div id="searchbox"/>

    Depois, se você não vai mais usar ele, pode encontrar no seu css tudo que se refere a ele e apagar, assim seu blog fica mais leve, tem vários trechos de Css que são só para ele, como esse abaixo:
    #searchbox .textfield {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 18px;
    margin: 1px 1px 2px 8px;
    width: 141px;
    }


    Prefira fazer isso num blog de testes antes, e salve seu HTML antes.

    ResponderExcluir
  20. Obg por compartilhar a sua experiência com pobres mortais...rsrsrsrsr
    Tenho uma dúvida, aliás, várias, mas hj vou falar dessa: nunca consigo postar comentário com o end do meu blog. Sempre aparece"Url inválida". Q acontece?
    Obg.

    ResponderExcluir
    Respostas
    1. A principio parece que você não colocou a Url corretamente, precisa ser completa, tenta acessar a página inicial de seu blog e selecionar e copiar ela da barra de endereços do navegador, mas selecione ela completamente, clique dentro da barra de endereços e use as duas teclas Ctrl A para selecionar toda ela, mas precisa acessar a página inicial do blog.

      Excluir
  21. oi... como eu mudo o meu modelo para ficar diferente dos clássicos que o blogspot oferece ...
    tipo o que a viviane colocou em seu blog http://soquerocosmeticos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Você pode escolher um dos novos modelos, clique ou pode procurar modelos na web, precisa ser modelos para o blogger.

      Excluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares