10/03/2013

1

CAIXA DE PESQUISA DIFERENTE

Hoje quero trazer para vocês, um modelo diferente de caixa de pesquisa para seu blog.  Um modelo baseado em uma imagem que você deve copiar para um álbum online de sua preferência. O modelo em questão é exatamente o mesmo que estou utilizando neste blog. Veja a caixa de pesquisa acima.

Bem. Para iniciar a confecção de sua caixa de pesquisa salve a imagem abaixo  em um álbum online de sua preferência. Pode ser o Picasa.




Depois disso, basta copiar o código abaixo em um gadget HTML - JAVA de seu blog e posicionar no melhor lugar do mesmo.


----------------------------------------------------------

<style type="text/css"> #w2b-searchbox{background:url(https://lh4.googleusercontent.com/-vHhRnsY44Qg/UTYjd9ovMRI/AAAAAAAAJRw/QCm4q6a8Y_w/s308/way2blogging_searchbox3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Pesquisa..." onfocus='if (this.value == "Pesquisa...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Pesquisa...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

----------------------------------------------------------

Não deixe de substituir a área em vermelho que representa o novo endereço da sua imagem.

Espero que tenham gostado e...
Até a próxima.



Um comentário:

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal