Sim, personalizar dá trabalho... mas vale a pena!
Uma das coisas mais essenciais ao blog, sem dúvida, é uma boa caixa de busca.
A caixa padrão do Blogger (que funciona mas de vez em quando dá uns tilts) é essa:
Simples e não muito personalizada, né?
Mas, calma!
Vamos aprender alguns modelos bem legais?
Tempos atrás eu mostrei alguns modelos aqui no blog, relembre:
http://www.elainegaspareto.com/2013/11/caixa-de-pesquisa-para-blog.html
Hoje vou mostrar mais alguns, bem modernos e estilosos.
Vem comigo!
Caixa de pesquisa modelo 1
Caixa de pesquisa modelo 2
Caixa de pesquisa modelo 3
Caixa de pesquisa modelo 4
Caixa de pesquisa modelo 5
Como instalar a caixa de pesquisa no blog
Todas possuem o mesmo método de instalação.
Preste atenção, é bem simples!
Vá ao painel administrativo de seu blog e clique em Layout.
Clique em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT.
Dentro da caixa que expandir cole o código do modelo escolhido, salve, arraste para onde deseja que fique e salve as alterações do Layout.
Sim, só isso!
Basicamente é o mesmo modelo, só alterei algumas coisas como cores, bordas, fontes e posicionamento do botão.
Claro que, caso queira mudar cores precisará alterar o código do modelo escolhido, e nesse caso precisa ter um conhecimento básico em CSS.
Leia o código do modelo que escolher, ele te dirá o que alterar.
Mas se não quiser não precisa alterar nada, e estará funcionando.
Escolha seu modelo e bora ser feliz com uma caixa de pesquisa linda?
Diz pra mim, nos comentários, de qual modelo você mais gostou, e qual escolheu?
Deixo o que você colocou. Está ótimo rsrs.
ResponderExcluirBoa semana.
joturquezzamundial
Beijos.
acabei de colocar o modelo três no meu blog... e adorei...
ResponderExcluircomo sempre você lacrando nas dicas! :*
Ah, obrigada. Estava procurando uma caixa de pesquisa legal. (:
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirOi Elaine,
ResponderExcluirMais um modelinho adicionado lá no blog, e mais um agradecimento a você pela disponibilidade em nos ensinar essas coisas lindas.
Beijos
patriciaaprendendo.com
Sempre postando coisas bastante interessantes. Parabéns.
ResponderExcluirPostagem interessante. Parabéns ao você e teu blog.
ResponderExcluirEu achei lindo o modelo 2, mas como não consigo trocar a cor de fundo, vou ficar com um que também foi dica sua.
ResponderExcluirObrigada!
Por favor me ajuda! Eu não tenho nada a dizer layout no meu painel só tenho a dizer esquema!
ResponderExcluirParabéns pelo blog e pelo post. Deu tudo certinho, Thanks...
ResponderExcluirObrigada pela ajuda,só fiquei na duvida em qual usar!
ResponderExcluirBom esse é meu http://www.luvieira.com.br/ se poder da uma passadinha por lá, será muito bem vinda! Bjks
Obrigado, ajudou muito. Mas estou com uma invejinha branca da sua caixa de pesquisas.
ResponderExcluir(づ。◕‿‿◕。)づ Quais as chances de me passar o cod?
Vlw postam show
ResponderExcluirOlá, eu coloquei um dos modelos no meu site e esta aparecendo uma propaganda uma vez por dia no primeiro clique, e quando tiro e entro em outro computador não aparece a propaganda, a propaganda é a da adultfinder, pode esse código ter sito infectado por virus dentro do site, ou só fica com virus se eu ja estiver colocado o código com virus ? me ajude, não vou divulgar meu site enquanto essa propaganda subir.
ResponderExcluirFale comigo por e-mail pra me ajudar pfv
Rai Staz
E-mail Raistaz@outlook.com.br
Seu blog possui muitos gadgets, creio que um deles pode estar fazendo aparecer as propagandas.
ExcluirCom certeza não é a caixa de busca pois elas são, basicamente, CSS sem nada de script...
Preciso de ajuda, pois eu preciso da caixa modelo 2 em no máximo 250px, mas só dá erro quando redimensiona...
ResponderExcluirKel, dá erro porque antes precisa redimensionar a imagem.
ExcluirEla mede 280px, então tem que redimensionar para o tamanho que deseja, hospedar e aí tentar.
Que show !!
ResponderExcluirMeu blog www.oespaco.net é 99% Elaine Gaspareto, sou grato demais!!
Só uma perguntinha, é possível adicionar algum destes modelos em um dos menus horizontais que vc ensina? Ficaria ótimo pra mim!
Obrigadão Elaine
E parabéns pelo trabalho!!
Lucas, acho que sim, experimente colocar dentro do código do menu, antes de fechar a div.
ExcluirOlá, gostei muito dos modelos só não consigo deixar onde eu quero a caixa de pesquisas, pretendo deixar ele junto com o menu no lado direito... :( E preciso muito colocar o modelo 3
ResponderExcluirS-O-C-O-R-R-O!!!
Amei e super ajudou <3
ResponderExcluirUsei um dos códigos e minha caixinha de pesquisa ficou um amour. Obrigada pelo tutorial!
Beijinhos :*
www.vidadebloguette.com
Elaine gostaria de te dizer o quanto sou grato por todas as dicas que aproveitei do seu blog, e essa de personalizar a caixa de pesquisa foi mais uma delas. Muito obrigado mesmo! Deus te abençoe!
ResponderExcluirBeleza meu amor!!!
ResponderExcluirAmei a Dica. A minha caixa e' a n0 1.
Valeuuu...!!!
Muito obrigado, adorei as dicas.
ResponderExcluirDeu certo meu problema é que se alguém procura a palavra por exemplo : hidratação sem acento não aparece na pesquisa
ResponderExcluirOi Elaine!
ResponderExcluirGostaria de agradecer por seus tutoriais tão informativos. Sou nova como blogueira e não posso por hora encomendar um template, mas suas dicas e tutoriais estão me auxiliando muito, pois sou leiga em HTML. Useis seus tutorais para montar um blog mais apresentável e gostei do resultado. E já sei encomendarei com você quando puder.
Muito obrigada mesmo!
bjss
Gostei muito Elaine muito Obridada
ResponderExcluirVlw Elaine !!!!!
ResponderExcluirValeu tu é dez, parabéns pela ajuda
ResponderExcluirAmei o modelo 5. Obrigado por fazer esses tutorias maravilhosos ^_^
ResponderExcluirComo personalizar a caixa de pesquisa com o Adsense?
ResponderExcluira caixa fico boa mais nao da pra pesquisa nada
ResponderExcluirGostei, ficou perfeito.
ResponderExcluirhttp://aprendendocomasorquideas.blogspot.com.br/
Mais uma vez...OBRIGADA!!!
ResponderExcluirObrigado!!
ResponderExcluirnão funciona nem com reza brava no wix!
ResponderExcluirNo Wix não funciona, infelizmente...
ExcluirFiquei em dúvida entre o 2 e o 3 haha
ResponderExcluirEscolhi o três *-*
Olá Elaine :)
ResponderExcluirSou português...
Antes de mais, parabéns pelo seu site, excelente!
Precisava saber, se é possível criar ou editar código de uma caixa de pesquisa buscando apenas os títulos das páginas (e não das postagens), ou em segundo plano apenas os títulos de ambas (páginas e postagens). É que as caixas não buscam nada das páginas e vão buscar tudo das postagens, não sendo últil para o que pretendo. Obrigado Beijos ;)
Ed, por padrão páginas estáticas não aparecem na pesquisa de blogs. Infelizmente não sei como contornar isso...
ExcluirPorque quando pesquiso com seus botoes personalizados eles nao captam nada? :(
ResponderExcluirAchei bem legal eles :3
Adoreiiiiiiii Elaine minha Flor <3 amo suas dicas o que seria do meu blog sem elas? SUPER BEIJO
ResponderExcluirAdoreiiiiiiii Elaine minha Flor <3 amo suas dicas o que seria do meu blog sem elas? SUPER BEIJO
ResponderExcluirola , boa tarde conseguir colocar a barra de pesquisa mas agora ninguem consegue digitar o que faço?
ResponderExcluirCamila, caso seu template seja modificado pode ser isso.
ExcluirTestei agora pra conferir e funciona normalmente: https://novo-blog-testes.blogspot.com.br/
MUITO BOM O ARTIGO, VEIO DE ENCONTRO COM A COMUNIDADE
ResponderExcluirhttps://otimizarsiteseblogs.blogspot.com/2019/09/como-pesquisar-o-codigo-html-no-blogger.html
tem como mudar a cor do modelo 2?
ResponderExcluirElaine, tudo bem? Parabéns pela postagem. Excelente! Só uma dúvida, no Blogger a gente tem a opção de criar páginas e criar postagens. O buscador está configurado para ler apenas as postagens e não busca o conteúdo de páginas específicas, como posso resolver isso?
ResponderExcluirMuito obrigada pelo tutorial, testei no meu blog e adorei!
ResponderExcluirComo eu faço essa bara fazer pesquisa dentro do meu site
ResponderExcluir