<style type="text/css">
#searchbox{width:240px}#searchbox input{outline:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiee9i49jlQ7rYHpYpbECzj1P1FwMOtRfFTF0fWusKJF9fmz8D2BuMf_cu5Ma_X_RpzB07viY7jFfgfq5cRMRtVU5yE9DDXYyKDy6a5QfZ9FA4DDQx9fizlKLUK29d-YFovl6tDr0uxtbIs/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;border:2px solid #f2f2f2;font:bold 12px Arial,Helvetica,Sans-serif;color:#6A6F75;width:160px;padding:14px 17px 12px 30px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;text-shadow:0 2px 3px #fff;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;}#searchbox input[type="text"]:focus{background:#f7f7f7;border:2px solid #f7f7f7;width:200px;padding-left:10px}#button-submit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbp3Sfaqi1mUG1mhYRFPN76k1XVvEXK-7GjeZoAb0LqlfPltEcW4P_BAVyJPPc0TdASP5FVeriNsliqrzn50ZFpHZ6rDAeclbP02VY8xSKLRCmdyqUW8yv9MnNQ3vNMqplxzCT7jj8slpl/s1600/slider-arrow-right.png) no-repeat;margin-left:-40px;border-width:0;width:43px;height:45px}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="Enter keywords here..." />
<input id="button-submit" type="submit" value=" "/></form>