Adding custom search engine to your blog

Google is a free search engine that crawls all over the internet. It ranks first in both;popularity and searching technique.The technique it uses is very special as it shows exact and revalent results. The same thing has happened to people websites. Some visitors comes to their website. They look for the contents they are searching for and if they didn't found then its probable that your site receives a back flow. You can see some template have already some searching materials. They in fact search your site but fail to provide accurate results. Although Google provides free searching tool for your blog, but it doesn't looks so good and cant be placed in navigation bar as it is the best place to keep it. So what should you do know then? The best idea is to create a custom search engine. It provides you with searching technique based on that of Google's. Moreover you can keep it in your navi bar too. You can see a live demo in my blog too in my navi bar.
So what are you waiting for?Lets begin. Follow the steps below for your beautiful and attractive CSE.
CREATING A CUSTOM SEARCH ENGINE
1. Go to Google CSE(opens in a new tab/window).
2. Click on "Create a Custom Search Engine".
3. Fill out the requires credentials in the form as shown in the image below.

4. After you have completed filling out the form then click on "Next".
5. Then choose a design for you CSE. You don't have to test all of them as a preview will be shown below.

6. After you find the CSE design that you wanted, click on "Next".
7. Get the unique code of your CSE that you just created.

Rest of the code is not useful for us as we are just adding it to our navitabs. But if you dont want to add your CSE to navitabs then simply copy the code you got and paste it wherever you like. Others continue the steps.
CREATE THE SEARCH BOX
1. Below is the code for your search box. Copy the code below;

<!-- Search box Start --> 
<div style="color:#000000;float:right;margin:2px 8px 0 0 ;"> 
<form action="http://bloggingsentral.blogspot.com/p/search-results.html" id="cse-search-box"> 
<div> 
<input type="hidden" name="cx" value="006024534294837515765:iabyqecpddy" /> 
<input type="hidden" name="cof" value="FORID:10" /> 
<input type="hidden" name="ie" value="ISO-8859-1" /> 
<input style="margin-bottom:2px;" 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&amp;lang=en"></script> 
</div> 
<!-- Search box End -->

2. Now replace:

• 006024534294837515765:iabyqecpddy with your own unique CSE code.
• http://bloggingsentral.blogspot.com/p/search-results.html with your own blank page URL where you want your search results to appear.

ADDING SEARCH BOX TO NAVIGATION BAR

1. Login to your blogger account.
2. Be forwarded to design>page elements.
3. Click edit on your navbar gadget.
4. Scroll to the bottom most part and paste the above code which you edited before <!-- Navigation tabs end -->
5. Save your gadget.


Now you have successfully added a search box to your site and your visitors wont have difficulty to search your site. Enjoy your new gadget and be sure to surf through our site for upcoming tutorials.