Tuesday, 25 November 2014

Add Tab to Search chromium Omnibox feature in Blogger

This feature provides your visitor to search a site without navigating to the sites homepage and it require very little piece of coding. 
Add tab to search chromium feature in your website
Image Showing "Tab to search" working with this blog

Google chrome is considered to be one of the best browsers that is available for computing platform because of the security and functionality it provide to the user. One of the functionality here we will be discussing is called “Tab to search” feature. It allow user to directly search the topic without navigating the site, if they had already visited it in the past. It can be understood with the help of Image above.

Tab to search feature is very easy to integrate into the website. It incorporates only one file that to be hosted on your domain and just two line of code which is to be added to page/homepage.

Since blogger do not allow any file to be hosted on its domain, therefore we will host this file on code.google.com. This project creating website allows us to upload at least 4GB of file on it for free.
So let’s gets started.

Steps Involved :
1: Creating your OpenSearch description document file. For creating OSDD file, copy this below code and paste into notepad. Do not alter the order of the code while editing. Fill all your blogs data and save it as “search.xml”. If you need more information regarding this document or want to add more data to it please refer this link

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">  
<ShortName>Eutectics</ShortName>
<Description>Search Eutectics Archives</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">http://eutectics.blogspot.com/favicon.ico</Image>
<Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?output=firefox&amp;q={searchTerms}"/>
<Url type="text/html" method="GET" template="http://eutectics.blogspot.com/search?q={searchTerms}" /> 
<SearchForm>http://eutectics.blogspot.com/</SearchForm>
</OpenSearchDescription>

2: Now we will upload this OSDD file to Google code. Go to code.google.com and sign in with your account.

3: Create a new project and give it your blog name or anything you like. Add some description and Select version control system as “Subversion”. Select “Mozilla public license” and Give some label like “website”.

4: Upload this file you have created and open its raw file link. Now copy the link of that raw file.

5: Open your Blogger dashboard and go to HTML editor and add the following code just below <head> .
<link type="application/opensearchdescription+xml" rel="search"
       href="url_of_osdd_file"/>

6: Add your OSDD link that you have previously copied.

Finally it’s done. Though it may not appear as soon you enter your blog first time but the Google chrome will automatically add your OSDD file to its search Omnibox.
If it didn’t work, just post your problem here, we will try to solve it.

0 comments:

Post a Comment

Note : All comments will be moderated. Do Not Spam.