jump to navigation

Firefox Second Search Bar July 3, 2009

Posted by ecomnomnom in Firefox, GUI, Technology.
Tags: , , , ,
5 comments

Ok. This post is actually useful for once. I finally figured out how to add a second search bar into firefox, and make it look exactly how I want it to:

Google and Wikipedia!

Google and Wikipedia!

I don’t know if there are any simpler ways of doing this, mine turned out rather difficult.

First, I used the old firefox add-on called thinger. Unfortunately, it has not been updated for the new version of firefox, so this is what must be done:

1) Download thinger by right-click>save-link-as on their link. For convinience, I have hotlinked it here.

2) Open the .xpi file using your favorite archive-manager. For me, it’s Winrar. You can use winzip, or 7-zip or whatever.

3) Inside, you will find a file called install.rdf. Open it with notepad. As you go through it, you will find the following code:
<em:maxVersion>3.0.a3</em:maxVersion>
Replace the “3.0.a3” with “3.5”, so that it can run on newer firefox. Save it and close it all up.

4) Open up firefox. File >> Open >>toolbar-thinger-1.0-fx.xpi . Basically, open it from wherever you saved it. Firefox should then let you install the add-on.

5) Once you have the add-on, go to View >> Toolbars >> Customize , and there will be a new bar with a little search icon. Just drag it to wherever you want the new searchbar to be.

Thats that. However, if you want the second search bar to be right-aligned and the same size as the regular one like mine is, then you will need to add some extra code. Go to your userChrome.css file for your firefox. If you don’t know what that is, download the ChromEdit Plus extension (after you’ve installed it, go to Tools >> Chromedit Plus >> Chromedit).

Copy-paste this code I wrote into your userChrome.css file somewhere above the “namespace” code:


#searchbar {max-width: 250px !important;width: 250px !important}
#search-container{max-width: 250px !important;width: 250px !important}
.thinger-item {min-width: 250px !important;}
.search-proxy-button-dropmarker { display:none !important; }
.searchbar-dropmarker-image {display: none !important;}
#search-proxy-button { margin-top: 1px !important;
margin-left: -2px !important; margin-right: 2px !important; }

Then press save, then press restart. Firefox should then have your searchboxes done correct. If not, then play around with it or post a comment and I can help you out.