Add Google Custom Search Box To Your Blogger Blog

Google custom search (CSE) is an advance google search engine compared to the default blogger search engine, google custom search is very efficient in digging out the most related and relevant results to your search queries, but the default blogger search engine is limited to the ability of fishing out the all related post to your queries.
Using the google custom search (CSE) will also help you to improve your page views and impression, because readers will be kept busy with lot of your post after there search queries. installing the custom search is very easy, all you have to do is, follow the instruction given below.

How To Create The Google Custom Search Engine

• Go to http://www.google.com/cse
• Click "Create a Search Engine" at the top right hand corner.
• Fill out the form that appear in the next page with your details as shown in the image below

• After filling the form completely, click the "Next" button
• In the next window, choose from the default style or click "Customize" the customize your search box look as shown in the image below.

• Click "Next" button, and click "look and feel" in the next page as shown below.

•  In the next page, choose from the style options.

Note : If you wish to display your custom search box below or above your post, choose "Full-width" from the options.
If you wish to display your search box and results in the side, choose "Compact" from the options.
If you wish to display your results above post title and add search box to your sidebar, choose "Two column" from the options.

• After your selection, click "Save & Get Code..."
• You will be given your google custom search engine html code in the next page as shown below, copy the code and let's move to the next step.

Adding The Custom Search Engine To Your Blog Post ( Full-width)

•  Login to your blogger dashboard
• Click on "Design" > "Edit HTML" > back up your template
• Mark/Tick "Expand Widget Templates"
• Use ctrl F to find <data:post.body> if you wish to add it below your post, or find <div class='post-header-line-1'/> if you wish to add it above your post.
• Paste the code which you copied from google cse after any of the above two option.
• Click "SAVE TEMPLATE", that's all.

Adding The Custom Search Engine To Your Blog Sidebar (Compact or Two column)

•  Log-in to blogger dashboard
• Click on "Design" > "Add a Gadget" > choose "HTML/JavaScript"
• Paste the code which you copied from google cse in the box.
• Click "Save" and you are done, check your blog to see the million dollar widget.

 Hope you enjoyed this? if so take few seconds to share with friends/follower, and don't forget to subscribe to this blog now, and receive our latest updates directly into your email.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

Follow @realcombiz