How to Add Google Custom Search Box in Blogger - Hubuhs. Living and Sharing

Hubuhs. Living and Sharing

Hubuhs is spot for living, blogger, tech, sport, travel, auto and food

Let's review a topic about how to add google custom search box on your blog. How to do : First Step 1. Use account of Gmail 2. ...

How to Add Google Custom Search Box in Blogger

Let's review a topic about how to add google custom search box on your blog.

How to do :

First Step

1. Use account of Gmail

2. Visit http://www.google.com/cse site.

3. Click Create a Custom Search Engine

Like this below :

4. Fill the Form : (Example)
  • search engine name : Hubuhs Search Engine
  • search engine description : A custom search engine for hubuhs
  • search engine language : choose English
  • what do you want to search ? : Only sites I select
  • sites to search : www.hubuhs.com/* (see Tips on formatting URLs)
  • editions : Standard Edition
  • click I have read and agree to the Term of Service

5. Click Next

6. Click Send confirmation email to your gmail account

7. Click Finish

8. Click Control Panel

9. Click Get Code

Second Step

1. Go to Dashboard, click Design, click Add a Gadget

2. Click HTML/JavaScript

3. Place code of HTML provided by Google Custom Search into 'HTML/JavaScript'

Example of code of HTML provided by Google Custom Search below :

<!--Google-Search-Box-BEGIN-->
<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="004009945176770424364:Example7m8" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=id"></script>
<!--Google-Search-Box-END-http://www.hubuhs.com-->

4. Click Save and Done.

Now you've already added google custom search box on your blog.
↩ Next Back to Top Prev ↪