Mudar Aparência da Caixa de Pesquisa Interna

Você pode alterar o tamanho e cores da caixa de pesquisa interna do seu blog. Mesmo usando os Mecanismos de pesquisa personalizados do Adsense você pode modificar a aparência desta caixa de busca para combinar melhor com o template do seu blog.


No código padrão dos Mecanismos de pesquisa do Google Adsense procure por essas linhas:

<input name="q" size="55" type="text" />
<input name="sa" type="submit" value="Search" />

Para alterar o tamanho da caixa de texto modifique o valor 55 para aquele que desejar, por exemplo, 40 para deixar o campo de texto menor. O código ficaria deste jeito:

<input name="q" size="40" type="text" />

Na outra linha é o código do botão de busca e nele podemos altera mais coisas como o tamanho do texto ou do botão, cores e tipo de fonte. Veja como fica o código alterado:

<input type="submit" name="sa" style="width:300px; font-size:12pt; font-family:'Comic Sans MS', cursive" value="Encontrar Dicas" />

O texto encontrar dicas é o texto que aparece no botão portanto você pode escrever o que quiser neste local apenas tenha cuidado para não apagar as aspas por engano senão o código para de funcionar.

Veja mais dicas sobre usar pesquisa dentro do próprio site:
Criar Caixa de Pesquisa para Sites e Blogs - Busca Interna no Blog
Google Analytics/Pesquisa Interna: O que as Pessoas Procuram no Blog

Naturalmente além destas opções que mostramos é possível fazer muito mais usando códigos CSS para personalizar a caixa de busca do blog então faça seus testes para combinar melhor as cores desta caixa de pesquisa interna com as cores do seu template.

Leia mais dicas sobre CSS:
Como Fazer Efeitos em Fotos e Imagens do Blog com CSS
O que é CSS? Para que Serve e Como usar o CSS
Efeito Girar (Rotacionar) Imagens ao Passar o Mouse usando CSS

Veja abaixo como ficou a nossa caixa de busca usando o código que mostramos como exemplo:

Nenhum comentário :

Postar um comentário