Όμορφα κουτιά αναζήτησης για blog

Τα ωραιότερα searxh box 

Πώς προσθέτω search box στο blog μου

Είναι πάρα πολύ απλό 

Πάμε να τα προσθέσουμε στο blog μας

• Σύνδεση στο λογαριασμό μας στο blogger.com
• Διάταξη 
• Προσθήκη gadget
• HTML/JavaScript
• Επιλέγουμε πιο Search Box θέλουμε και επικολλούμε το κώδικα του και αποθήκευση

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8LK7KiRd8Eqryii0UyXsnZDHaz65CPpN0REx3RAAQz65NnOymn_uz0352pLk7XXsDxQ4QvGvRlh0aZdtj1orwog5e8IfVdG8PzE9b5fPzlCoS6qIfmkgJZ3aPAZasLrG-jDLxT3c2B6R/) 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/AVvXsEgw95HGHhvMejltBAFPN-00pYdfXKgISLbj7Bt5lMbZ1L24L4cS0qmLjyjsXs8-e8buMRiGnPQXAhQrpTSQ7A39MlkBALAK7-SkT3fBdkwYTVGqfHke6QAlO-Ved37GnkVHj05EVZTUtwnU/) 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/AVvXsEg-d2c-QYnUgLwDLsGGr_c6BslJJaZBSBPefJRk4GgmfCX56rRicrK0XW9cYTjWb9E4ClNvTYpm_PHPVIgjmjG8TO7BdO2i77SqYJ9Sac6YM6Zf8nEIfjN0wfFIccs56rKJxC6V9RfFJoqi/) 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/AVvXsEgvdk_shYad8GYtD4vQ751XqmxQeCF_E3gN1TjglnCqjkqrvyn5vtbXd1428r4KC4orpGAFGW4FxGeQHUh2sGE_o9qqn4EirPR-o2oFqBKl1-mY_BMbiW9eclXh2Be7wybPZiaaYUSArykL/) 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/AVvXsEjuE_dvmh2jBECsYB3oi0JsbibUvXONFU2-YixgOrcpTtGfY_4022xUP8lZ2n-4TAiqEEzvAvpmwIPygUqbBytrnY7ctllayi-pb11E_CrGTKhjzscFRPc1535ImB8cu7xahd5eSpwlDU1C/) 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/AVvXsEgwXPOXsfzaj9Ir9tIJIXZhFOZJKkQBDAnr2kkoNLpqqXrLZl29CC-tXDgRadCAUydSO3NggKGtNsZ4mLvRPkOKZ7lQm8WkYhk9-qZd2eFDIy2q4DRduVhiOmzqKz1j7YWcJTgbpsYyCsGX/) 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>