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:
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:
Marcadores: CSS, Personalizar