Skip to main content

Create Search Plugin for your Blog

Many of us must be using Mozilla Firefox, So I’ve created a search engine extension which works on Mozilla Firefox and searches with in Chill Geeks. You could also create a similar extension for your blog. Creating Search engine plug-in for Firefox web browser is very easy. Some of the prerequisites to make your search addon,is that, you should have a little idea about working with XML. You can start making your own blog Search Engine using the template below-
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"
                       xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>engineName</ShortName>
<Description>engineDescription</Description>
<InputEncoding>inputEncoding</InputEncoding>
<Image width="16" height="16" type="image/x-icon">data:image/x-icon;base64,imageData</Image>
<Url type="text/html" method="method" template="searchURL">
  <Param name="paramName1" value="paramValue1"/>
  ...
  <Param name="paramNameN" value="paramValueN"/>
</Url>
<Url type="application/x-suggestions+json" template="suggestionURL"/>
<moz:SearchForm>searchFormURL</moz:SearchForm>
</OpenSearchDescription>


I’ve got this template from Mozilla Developer Center. Various terms used in above template are described at Mozilla Developer’s Center
I’ll explain how I created search engine plug-in for Chill Geeks.WithoutImage
  • Open C:Program FilesMozilla Firefoxsearchplugins
  • There you’ll see all search engine plug-in’s xml files, open up any file using Notepad++ or any text Editor and you will get an idea about the working of various search engine addons
  • Now create a new file over there, name it as yoursite.xml
  • Use the template above and make the required changes.
See the example below, which I’ve made for Chill Geeks
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Chill Geeks</ShortName>
<Description>Chill Geeks Google Search</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image height="16" width="16" type="image/x-icon">http://i724.photobucket.com/albums/ww248/chillgeeks/flex.gif</Image>
<Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?output=firefox&amp;client=firefox&amp;hl={moz:locale}&amp;q={searchTerms}"/>
<Url type="text/html" method="GET" template="http://www.chillgeeks.com/search">
  <Param name="q" value="{searchTerms}"/>
</Url>
</SearchPlugin>
Details-Suggest
  • Searchplugin is used to define starting of plugin xml
  • Shortname is used to display name in search bar
  • InputEncoding, keep it UTF-8
  • Image, specifies the path of favicon of your site.
  • Url type JSON, fetches Suggestion quiries from Google.
  • Url type html, specifies site to search within.
  • Param (Parameters), vairable seach term.
If you want to get above xml file, please click here.Now you can easily create your blog’s plugin just by modifying this file and changing www.chillgeeks.com to yourblogname.blogspot.com or www.yourcustomdomain.com
You could also specify Image that will appear in search bar by replacing http://i724.photobucket.com/albums/ww248/chillgeeks/flex.gif with your own favicon image URL.
You can also submit your extension to Mozilla Add-ons, which will increase the popularity of your website. Please let me know by comments, if you get any difficulty in making your search engine extension.
Labels:

Comments

  1. Ian S2 July 2009 at 05:01

    nice..thanks man

    ReplyDelete
  2. mero bero2 July 2009 at 13:17

    thnx alot, it is a useful post, u r a Professional .

    ReplyDelete
  3. video18 April 2020 at 03:13

    Hello there, I do think your blog could be having browser
    compatibility problems. Whenever I look at your site in Safari, it looks fine however, if opening in IE, it has some
    overlapping issues. I just wanted to give you
    a quick heads up! Apart from that, fantastic website! https://qwertty.net/

    ReplyDelete
  4. video18 April 2020 at 03:15

    Hello there, I do think your blog could be having browser compatibility problems.

    Whenever I look at your site in Safari, it looks fine however, if opening in IE, it has some overlapping issues.
    I just wanted to give you a quick heads up!

    Apart from that, fantastic website! https://qwertty.net/

    ReplyDelete

Post a Comment

Popular posts from this blog

Fulfilling The Urge of Shopping is Now Easy

Shopaholics on the alert! Get set, and go! Yes, it has indeed turned into a race – a race of online shopping. It may be an occasion embraced shopping carnival or a clearance sale or simply just a season ending mega sale. On its way is another such colossal online shopping fest knownas the Great Online Shopping Festival or simply GOSF which is to take place from the 10th to the 12th of December 2014.   What does GOSF do? The GOSF is an initiative by Google and was launched on the 12th of December, 2012. Ever since then, it has been a favorite among its users. The GOSF offers are not only limited to those particular days of December but numerous trifle coupons, reminders as well as updates are also sent to your registered email ids all through the year. Along with these, there are funny little games on the GOSF site that provide you with innumerable opportunities to win yourself free gift coupons or free shopping facilities just by scoring points in the game.   Worried about the products...
95 comments
Read more

PowerMockup- Helps you sketch mockups in Powerpoint

Most of us use Microsoft Power point to give presentations to our clients… Here is the solution to your wireframing, mockup, sketching needs in Power Point, its PowerMockup… Main features includes- 63 fully editable user interface elements Easy access via a separate ribbon tab Compatible with PowerPoint 2007 and 2010 Microsoft Power Point Window The best part of it which I liked is.., that you can create fully editable mock-ups. So, there is no need to install any other additional software to present in Power point, just use Powermockup and you are done. You can get this amazing piece of add-on just for free, till wednesday(6 April 2011)… So.., hurry up, don’t loose chance. Check out the main product website for more details.. PowerMockup
4 comments
Read more

Add a countdown to your page using jQuery Responsive Countdown

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Table of Contents Brief Description Step 1 (Download, Unzip) Step 2 (Set options) Step 3 (Import required files) Step 4 (Create HTML container) Step 5 (Create and activate countdown) Resources Brief Description - top jQuery Responsive Countdown is a tool that gives you the ability to create a nice looking countdown, which uses flipping animation to display remaining time to a target date. Since it is based on the canvas object it cannot run natively in older browsers like IE8. The tool uses SVG data to draw the digits and the panels, so it is scalable and looks nice on larger resolutions too. It does not use images, so it is very easy to change colors and adapt the look of it to the design of your page. The tool has a large list of options, but it can also be activated with few lines of code. In this tutorial I will show you how to add the ...
22 comments
Read more