Pular para o conteúdo principal

Busca Personalizada


Uma caixa de busca é indispensável para qualquer site ou blog, porque ajuda o visitante a encontar o que procura, com mais facilidade!
Com o código da caixa de busca simples, um script encontrado AQUI e um pouco do que sei sobre JS, fiz esse formulário:

by Guia Blogger
O código é esse:

<script>
function Esvazia(valor_campo){

if (valor_campo.value == valor_campo.defaultValue)
valor_campo.style.background='#FFFFFF';
}

function Padrao(valor_campo){

if (valor_campo.value == '')
valor_campo.style.background='url(logotipo.jpg)';
}
</script>
<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text" onfocus="Esvazia(this)" onblur="Padrao(this)" style="background:url(logotipo.jpg);border:1px solid #c0c0c0;"/><h6 style='margin-top:0px;'><input id="search-btn" value="Buscar" type="submit"/>by <a href='http://guiab.blogspot.com/' target='_blank'>Guia Blogger</a></h6></form>

Substitua logotipo.jpg pelo endereço da sua imagem, ela deve conter 142px de largura e 18px de altura!
E, por favor, não retirem os créditos!

Postagens mais visitadas deste blog

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

E-Referer - De onde vem seus visitantes?

O site E-Referer oferece uma ferramenta gratuita que mostra a origem dos visitantes do seu blog e a quantidade de visitas que lhe enviou.