How To Added Search Box In Website / Search Box HTML Code For Blogger

On the off chance that you have a large site, you need to think about adding as a search box to your site. Search boxes not just help to expand your site's outline ease of use, however they're extremely advantageous to site guests and regulars. For those that have been to your site some time recently, they realize what they need and they need it now. These are the restless individuals who don't crave wading through distinctive connections. In the event that you don't suit this issue you may hazard losing those per users. 

For more current clients who need to get a vibe for your webpage before contributing any additional time, it gives them the opportunity to search for their hobbies on both eCommerce destinations and site locales.

Steps: Add a Custom Search Box to Blogger

Ø  Step 1. Log in to your Blogger account, then go to Layout > click on the 'Add a gadget' link on the left side.

Ø  Step 2. Choose HTML/JavaScript from the pop-up window > paste the below code of the search box inside the empty box.

Ø  Step 3. Press Save.

  

HTML CODE

    <form method="get" class="searchform search-form" action="/search" role="search"><input type="text" value="Search this website…" name="q" class="s search-input" onfocus="if (&#39;Search this website…&#39; === this.value) {this.value = &#39;&#39;;}" onblur="if (&#39;&#39; === this.value) {this.value = &#39;Search this website…&#39;;}" /><input type="submit" class="searchsubmit search-submit" value="Search" /></form>