After getting wordpress up and running I was sad to see that ugly search button next to my search widget, so here are some steps that I used to remove it and get a cool effect in the text box just like the theme samples.
- Open wordpress/wp-includes/widgets.php
- Search for the function wp_widget_search
- Find the line <input type="submit" value="<?php echo attribute_escape(__('Search')); ?>" /> (Second input tag in the div)
- Change type="submit" to type="hidden"
- (opt) Add a <br /> after the input tag so you have a space under your search box.
- (opt) Change the input tag right above the previous one to look like the one below to add the "To search,type and hit enter" effect. (First input tag in the div)
<input name="s" id="s" size="15"
onblur="if (this.value == '') {this.value = 'To search, type and hit enter';}"
onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}"
value="To search, type and hit enter" type="text" />
That's it. Save that bad boy and you should be up and running and have a much cooler search bar.