27 de dez de 2012

Tutorial: Caixa de Pesquisa Personalizada

Ei meninas!!



























Então, hoje pra escrever um tutorial para vocês... vamos lá? O tuto é de como colocar uma caixa de pesquisa personalisada no modo simples, quem quiser um modo mais avançado, é só comentar que, dependendo da quantidade de comentarios farei assim que puder. Então, vamos ao tuto neh?
Primeiramente, vá em "Layout", clique em "Adicionar um Gadget" e escolha a opção de "Pesquisa do Blogger". Depois vá em Modelo - Editar HTML e pesquise por
]]></b:skin>
Cole isto ACIMA do código procurado:

/*Para remover o logo do google*/.gsc-branding-text, .gsc-branding-img-noclear {display:none;}/* Personalização do Campo de texto */td.gsc-input input {border: 2px solid #e7e7e7; background:#fff; color:#ff0048; font-family:verdana; font-size:11px; } /* Fim da personalização do Campo de texto *//*personalização do botão*/input.gsc-search-button {font-family:'trebuchet ms'; font-size:14px; color:#fff; background:#ff0048; border:0px; font-weight:normal;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }input.gsc-search-button:hover {background:#b779db; color:#fff;} /*fundo e cor do texto quando passa o mouse*//*fim da personalização do botão*/

Modifique de acordo com o seu gosto. Se você não quiser bordas arredondadas, copie este código:

/*Para remover o logo do google*/.gsc-branding-text, .gsc-branding-img-noclear {display:none;}/* Personalização do Campo de texto */td.gsc-input input {border: 2px solid #e7e7e7; background:#fff; color:#ff0048; font-family:verdana; font-size:11px; } /* Fim da personalização do Campo de texto *//*personalização do botão*/input.gsc-search-button {font-family:'trebuchet ms'; font-size:14px; color:#fff; background:#ff0048; border:0px; font-weight:normal;  }input.gsc-search-button:hover {background:#b779db; color:#fff;} /*fundo e cor do texto quando passa o mouse*//*fim da personalização do botão*/
Então galera, os créditos vão para o Cherry Bomb, que é um blog super divo!! 
Gostaram?
Bezzos

6 comentários:

  1. Adorei o tuto . Respondendo sua perguntinha .Você pode entrar em contato comigo pela pagina de contatos ou pela pagina para participar de algum quadro http://senhorita-liberdade-glitter.blogspot.com.br/p/participe-de-algum-quadro.html .Qualquer duvida , pode pergunta . Meu facebook http://www.facebook.com/senhorita.liberdadee?ref=tn_tnmn :)

    ResponderExcluir
    Respostas
    1. Ok Brigada Thay (posso te chamar assim neh?) !
      Bezzo

      Excluir
  2. Uma caixa de pesquisa é super útil em um blog, o tutorial tá bem explicadinho *-*
    Beeeeeijo <3
    - Clica no perfil p/ me visitar :3

    ResponderExcluir
    Respostas
    1. Útil e necessária! Brigada meu amor!
      Super beijoos

      Excluir
  3. Ai Bia, muito obrigada por ter colocado o DT ai na lista!!!
    E Quanto a caixa de pesquisa, muito obrigada, eu estava procurando!!
    Beijão!!

    ResponderExcluir