Como criar uma caixa de busca para blog com o Google Pesquisa personalizada - * Blog Elaine Gaspareto *

Como criar uma caixa de busca para blog com o Google Pesquisa personalizada

Publicado em 15/08/2018

Tempo de leitura:

Um dos elementos de página mais importantes de qualquer blog é a caixa de busca, ou caixa de pesquisa. Sem ela fica complicado para o leitor (e até para o blogueiro em muitos casos) encontrar o post que está procurando. É importante que a caixa de busca funcione, que ela consiga alcançar o mais profundo possível as postagens do blog. Se for bonitinha é bom, mas eficiente tem que ser.

Ao longo dos anos publiquei muitas opções de caixas de pesquisa para usar no blog. Mas hoje quero dar um passo além e te ajudar a criar a sua própria caixa de busca através de uma ferramenta que o próprio Google oferece.
Falo do Google Pesquisa personalizada, uma ferramenta bem legal, que produz uma caixa de busca eficaz e limpa, sem erro de código e com a tecnologia Google.
Quer aprender? Vem comigo!


Como criar minha própria caixa de pesquisa personalizada para usar no blog?


Para começar acesse esse link: https://cse.google.com/cse
Ele vai te levar para esta página:

Para começar a criar seu próprio mecanismo de busca clique em A e na página que abrir preencha com os dados pedidos:
Em Sites a pesquisar coloque o endereço completo de seu blog;
Selecione o idioma (Português, no caso);
Em Nome do mecanismo de pesquisa coloque o nome que desejar, é só pro forma;
Não clique em Opções avançadas porque não vou entrar em questões mais técnicas, o objetivo aqui é só a caixa de busca (mas pode mexer pra ver e testar se quiser, claro);
Terminou? Clique em Criar.
Vai surgir essa tela:
Clique em Obter código.
Vai abrir uma tela com o código a ser copiado, mas calma. Vamos personalizar um pouco sua caixa de pesquisa.
Clique em Editar mecanismo de pesquisa. A seguir clique em Aparência.
Vai abrir a página com as opções de personalização disponíveis. Assim:
Na lateral direita as alterações vão sendo mostradas, então dá pra visualizar a personalização que estiver fazendo. Comece escolhendo o Layout, que vai definir a forma como os resultados das buscas vão aparecer.
Eu selecionei a primeira opção.
A seguir escolha um Tema (eu deixei o tema padrão, mas vai testando aí);
Chegamos na parte mais divertida, a aba Personalizar.
Altere cores, fontes, bordas, etc...
Aí tem que ir lendo a tela e fazendo suas escolhas.
Não se preocupe, pode alterar depois, testar outros modos de exibição, outras cores, etc...

Tudo pronto? Clique em Salvar e obter o código.
Copie o código fornecido.
Vamos instalar no blog!


Acesse a aba Layout de seu blog e clique em Adicionar um gadget.
Escolha HTML/JAVASCRIPT e dentro da caixa que expandir cole o código copiado, nomeie o elemento de página se quiser e arraste para quer que fique (sugiro o topo da coluna lateral).
Salve a organização do Layout e tá feito.
Pode testar!
E aproveita pra testar a minha também, pesquise qualquer termo e veja como ela funciona!

Dica extra:


Se já existir alguma caixa de busca personalizada em seu blog ela pode (certamente vai) interferir na personalização desta.
Pode escolher qual deixar, ou deixar ambas como eu fiz, tenho uma no topo da sidebar e outra no rodapé do blog (só aparece no desktop).
Então, você decide o que é melhor pra ti, ok?

Sim, tem anúncios. Se o site a ser pesquisado (seu blog, no caso) tem a conta Adsense aprovada os anúncios aparecerão na caixa de pesquisa. Esses anúncios não entram naquele limite de 3 blocos por página, fique tranquilo.

Gostou da dica?
Espalh esse tutorial por aí, compartilhe em suas redes! Talvez seja útil pra mais gente!







0 comentários via Blogger
comentários via Facebook

Nenhum comentário:

Postar um comentário

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…