Como colocar caixa de busca no Blogger

Uma caixa de Busca é essencial para todos os blogueiros pois facilita ao visitante á não ter que procurar pela sua postagem em todo o blog, irei demonstrar uma simples caixa de pesquisa que poderá ser funcional em qualquer blog.







Entre no Painel do seu Blogger, então vá em: Design >>> Adicionar um Gadget >>> HTML/JavaScript.

Coloque então um Título, (exemplo: Pesquisar), No campo do conteúdo coloque o seguinte Código:

<center><script type="text/javascript"><br />function clickclear(thisfield, defaulttext) {<br />if (thisfield.value == defaulttext) {<br />thisfield.value = "";<br />}<br />}<br />function clickrecall(thisfield, defaulttext) {<br />if (thisfield.value == "") {<br />thisfield.value = defaulttext;<br />}<br />}<br /></script><br /><center><form id="searchthis" action="/search" style="margin:0;padding:0;display:inline;" method="get"><input onclick="clickclear(this, 'Pesquisar neste blog')" value="Pesquisar neste blog" type="text" id="search-box" onblur="clickrecall(this,'Pesquisar neste blog')" style="color: #999;" size="20" name="q"> <input id="search-btn" value="Buscar" type="submit"></form><br /><br/><span style="font-size: 80%"></span><br/></center>

Você poderá efetuar algumas modificações como o: Pesquisar neste blog ou o botão de busca, etc...
Salve e visualize seu blog xD

0 comentários:

Postar um comentário