Blogunuz için arama kutusu ekleyin

Blogunuzun var olan basit görünümlü arama kutusundan sıkıldınız mı daha değişik ve güzel bir arama kutusu blogunuza koymak isterseniz Aşağıda verdiğim örenklerden hangisini beğendiyseniz o kutunun kodunu alıp blogunuzda HTML/JavaScript kısmına eklemeniz yeterli olucaktır

 

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4iD1QV1cNvcK_WjcKfNpTA4e3aC13rCE1xUy2uPij8H38WAuN0Otqd85JzIneSLNHuOOhc-QCYX7jkH3ZzhKTr2koUjlDJG4IHgXM_TAk7kMw-Wt1Bf2f62NcAiyiuTrqClG20rV-2QC6/) 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="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjairw6HHCK37zdyRJB1pluai4fasLUz3bAyoBnzDxhBdyREBT3vEZEmatPXhqbmel1iauSWvegrCesoIYuwafYPhuj9dphyphenhyphenjU5dckOykaJG18EHeMlm3VdTkx9cvOh-l-zDtlcDn9L4_yT/) 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="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUillFRau-KRrV9qEi_YptCXHv6CA_EkODRGHUx-nnlbui0Acl6jlhDVvcVfqF_wZFIW9VTjpx3VaQAXr-yatNgcH2ml5asUHdDKgOX1JAXJSNiV618-dafDepIv3WThusK3H20J-L6nd/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdQTw-Slmz9QLAYZbF-mHncfoVX3TFMRl70FwrLkMFJuIh8q8blnRHKyr599yBwOohu50Q7YpJqodNtiBoapG_HogS_L3HgPdRbeNQU5SA6aIS5aFpGsyi8b0fyZ95AUf-PiZMOdwx9Mx/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;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=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>