25 de set de 2014

Dicas para blog: Como colocar barra de pesquisa


Acho que todo mundo concorda que ter uma barra de pesquisa no blog ajuda muito os visitantes que procuram por um assunto específico certo?
Pensando nisso resolvi fazer mais um post dedicado a série dicas para blogueiros com esse tema e ajudar a vocês que tem dificuldade para fazer uma caixa de pesquisa já que a do próprio blogger não está funcionando.

Vamos ao tutorial?

Primeiro antes de fazer qualquer mudança no seu blog é preciso fazer um back up para se garantir caso algo dê errado: Vá em “Modelo” depois em “Fazer back up / restaurar” e clique em “fazer download do modelo completo”. Feito isso podemos ir de fato ao tutorial. 

Vá em “Layout” depois em “adicionar um gadget” e adicione o “HTML/Javascript”

Cole o seguinte o seguinte código dentro do gadget: 



Em “Pesquisar” você pode mudar a palavra para qualquer outra que julgar melhor. 

Agora vá em “Modelo” depois em “Editar HTML”, clique dentro do código e pressione as teclas “CTRL F” repare que apareceu uma barra de pesquisa, dentro dela digite: 
e tecle "enter".

Depois de encontrada a palavra no código do seu blog é só colar ACIMA dela o código abaixo:



Clique me "visualizar modelo" e se estiver tudo ok é só salvar.

Espero que tenha ajudado e até o próximo!

Mais dicas para seu blog: 




Gostou do tutorial? Comente! 

Comente com o Facebook:

14 comentários:

  1. Nossa Alef, me ajudou DEMAIS! O post ensina direitinho mesmo, a barra de pesquisa do meu blog não estava funcionando e você faz esse post incrível.

    Beijos, Matheus.
    http://fashionher0es.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Matheus, fico feliz por ter te ajudado. :D

      Excluir
  2. Mano, quando você diz pra copiar o código ACIMA do b/:skin>, você quer dizer na linha de cima, ou de trás dessa palavra? :(

    Erro ao analisar XML, linha 929, coluna 5: The content of elements must consist of well-formed character data or markup.

    ResponderExcluir
    Respostas
    1. Oi Vitor.
      Refiz o tutorial e deu tudo certo, cole acima, na linha de cima. Se você quiser pode dar um enter entre os códigos pra não confundir.

      Caso você tente novamente e não consiga pode ser que seu blog não seja compatível com esse tutorial.
      Esperto ter ajudado :D

      Excluir
  3. Poxa não deu certo, deve ser o modelo do meu blog :@

    ResponderExcluir
  4. Muito bom. A barra de pesquisa apareceu, mas não encontra nada no blogger.
    Apenas aparece: Nenhuma postagem correspondente para a consulta:
    Estranho,né?

    ResponderExcluir
  5. Problema resolvido. Parabéns pelo blog, tá muito bom.

    ResponderExcluir
  6. no meu n funciona
    quando vou colar na barrinha n vai n acontece nada :(
    o que faço?

    ResponderExcluir
  7. Como faço pra deixar a borda quadrada?

    ResponderExcluir
  8. Alef, como eu faço para colocar a imagem de uma lupa ao invés do botão ?? tentei colocar backgtound com o codigo da imagem, mas o botão não sumiu, a lupa ficou de background do botão..

    ResponderExcluir
  9. Alef, como eu faço para colocar a imagem de uma lupa ao invés do botão ?? tentei colocar backgtound com o codigo da imagem, mas o botão não sumiu, a lupa ficou de background do botão..

    ResponderExcluir
  10. Muito obrigado, funcionou.

    http://www.vestigiodelivros.com.br/

    ResponderExcluir

Image Map
TECNOLOGIA BLOGGER - DESIGN POR SUSAN SANTOS | PROGRAMAÇÃO HEART IDEAS