Replacing the box search / search in blog (latest .. !!)

This time I helped you to put a search box or search box. In contrast to the usual search box, which is a pre-designed in design3edge that looks attractive and can be customized with colors on your blog. For those of you who already have no need to be made
but if they want to try again please.

Immediately, please log in first. Sign in menu design or design and add a new widget. Select the HTML / Javascript and enter one of the following script code in accordance with the color you desire.

<Style type = "text / css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NbgqQYE1L38gF227IRePZ8dTQLJwC3v5-pGD2rgovw3zqDVmhrISsiI8N5lNXqPZwpxRIf-J6mO7P4jVd1XEV5Lagy_jYLbMHyF_z45w8lwBydFKMLId-xQysTaP5zOppT9jRiMnqp4/s1600/style1.png)no-repeat center center scroll 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/AVvXsEjZ1haf54dtPqbwsLkKkhLZcZXnK83NV2SvOR7ZOgKP6QPZsR4H73KqCBnqE633UvnCzcn4XDGv9BTxsIgt9dXKRcAClln4jAkVLM9xwPtoO7a79X53yWccPCbpyhKdjMiLkdg50o7MvTs/s200/style2.png) no-repeat center center scroll 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/AVvXsEj5jYvMXsNmrcjT_6m0irZcida3veV06Bt23BgGZg0y5PIERSlPlM_nJipMQ_4GEtzZE78erhCC6F796TZEooe6IrbUHiTGSIxFJfx0YqaLYXi31kjEsHIiN6iIYOYX6y68uCi4aYfOZ9Q/s200/style3.png) no-repeat center center scroll 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/AVvXsEh0rqLtx9XeoopwUpcovCIeC9MQ6P6EequUWIw3w8uTA9q7_yCxTbnUv0mk_oSQDX7aMNrRYecbPRr4k5BIEq8xn6xI5HaNoMg2UoRTlcy9TMCMNAhUSG3bBlKZQfRAxcfk6vt5arvd4M4/s200/style4.png) no-repeat center center scroll 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/AVvXsEi-gMGveKOBNkKuYznyStAIpRpgtIDxB22d8SS1FY8WQjxwPOY9VTZ-wu2FIax8XcMMgcRzgwpHcpMKzZ-cUECCKous_ln1pUL6p6YTr1_ybW3yxCoga2dksdmZyQXSat7HY3yzP0sc9cQ/s200/style5.png) no-repeat center center scroll 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/AVvXsEi9RIDl3n4GGsSPIhY23OvhrpCEFXzcCD2aWd1ros-m6B-wOObOHyAR8-bdnReQ285PJ2PFdcx45IW5A62fBtDE_NlWqpKuLWtoTFMv2gBjFKMRoikYctUlRlsSENjk-kuJaMlhOGh-Hbo/s200/style6.png)no-repeat center center scroll 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>

Good luck, may be useful ...