Change Google Custom Search To Own Blog Search

Go To Blogger Dashboard >> Design >> Edit HTML
Check the "Expand Widget Templates" Box
Search (CTRL + F) for this code:

<form action

It show google custom search like this,

<div class='bottomsearch'>

<div style='float:right;padding:12px 15px 0 0;'>

<form action='http://www.google.com/search' method='get' target='_blank'>

<input name='sitesearch' style='display:none;' value='http://founted.com'/>

<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4wjm85PTzVAMsAOZNMRCXOdkuTqqQue87045rSDxVMp58QwGT7bqGv7TSOj-hpr0JizB6HrsGXHYon02kqMfRKLIaMTO96KPdTFBgJ0gA7tEur2JipxqYgKaEwZQdF4oQO5wTwS31DWA/s1600/bg_field.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwoDsusTTwNAJXimv6waZvWRCgZgy9JlFP_uF9RnSU575Z97_vaK1SDZMvW9qmGOekWWfrdRZZBEsxFVV-BogpjzP9MRK9oS8lxA8hLF04KfqNGnkFRSnP0v9bi-bBSJ90fNmFKDslN8/s1600/bg_search.gif' type='image' value='Search'/>

</form>

Replace Orange code with bottom script,

<form action='/search' id='searchform' method='get'>

<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>

<input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdvH9WAB0AmaWYAUVTj1M_nK5rQG3Sry-xdnFLk9bGRD79hVutDdq3ak4gJrTOHmsd5u7_87uOnqXJ7kaugw9shyR3heQz6AqznaozEz7tuP9AQCkHpOyrUNmK4tQIEC406SmILqqhxAV8/s1600/search.gif' style='border:0; vertical-align: top;' type='image'/>

</form>

And DONE.

Posted in: blogger tips