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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgjZCIde9HuAze8jdvGUGvmMfZm_ocd3EQqokAIda5awtQkXczgGFbXJOWOOI-q7XgOl4qCD_ydjumrlDKX1Dt5V5B97e4K1FEiA9KjgwqCUTjWH1RKvsOfbuDpHsNQJGSNVrLPIUEvrE/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.
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgjZCIde9HuAze8jdvGUGvmMfZm_ocd3EQqokAIda5awtQkXczgGFbXJOWOOI-q7XgOl4qCD_ydjumrlDKX1Dt5V5B97e4K1FEiA9KjgwqCUTjWH1RKvsOfbuDpHsNQJGSNVrLPIUEvrE/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.
VC ESTÁ DEIXANDO DE SACAR DE R$ 2,700 A R$ 7,900 POR MÊS POR NÃO SABER DISSO...UMA ÚNICA HABILIDADE - QUE PRATICAMENTE NINGUÉM DOMINA - É O MECANISMO QUE GERA MILHARES DE REAIS PARA UM SELETO GRUPO DE PESSOAS.
|
gostei
ResponderExcluir