Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a bookmark that I use to 'zap colours' from websites:


I would really like to make it an actual button on the toolbar in Firefox (for instance, to the right of the 'help' button). I know it's easy to move it onto the bookmarks toolbar, but I like to have the bookmark toolbar hidden, so would rather have an actual button in Firefox for this, and maybe some other bookmarks if it's easy!

How can I add a Firefox bookmark as toolbar button?

share|improve this question
I didn't want to edit your questions as this might apply to plain bookmarks as well, but just in case you don't know: JavaScript bookmarks are often referred to as "bookmarklets". (My new favourite: The Printliminator at – Arjan Nov 4 '09 at 14:11
Thanks for your comment - I'll be looking for some more interesting booklets in the future! I am currently trying to use the solution below, but not having much look at the moment – falter Nov 4 '09 at 18:24

You can use an extension to create Custom Buttons.

alt text

You can add text to the button if you wish, use it to launch a specific website or execute code. Initialization Code is executed when the browser is launched and the button is first created.

Usage is simple.

  • Right-click an empty space in your toolbar and select the new option called Add new button...
  • You get to see the dialog above.
  • Once done, the button is created. All you need is to now add it to wherever you like through the Customize option of the toolbar context menu.

alt text

share|improve this answer
Thank you for this - I have installed it, and tried to paste the javascript into the code section, and also tried it in the URL section, but neither seem to work. I have the button on my toolbar, but at the moment it does nothing! my code is in my OP – falter Nov 4 '09 at 18:22
I'm not familiar with javascript. But I suspect you need to edit your snippet as to remove "javascript:" and possibly also "function()". Essentially alter it to be executed from the code box which, I believe, internally uses a evaluate function. – A Dwarf Nov 4 '09 at 18:39
Sadly I tried removing both of those, and neither solution worked. I also tried to add it as a URL (after all it is only a URL in my bookmarks) but that didn't work either – falter Nov 5 '09 at 11:39
If you follow @Inrbob's instructions of placing the bookmarklet code inside loadURI("BOOKMARKLET HERE"); it works perfectly! – Acorn Mar 12 '11 at 1:12

I realise this is very very old - but I came across it today while looking for an answer to this question. Use the custom bookmark tool as recommended above and then add the line of javascript that appears in your bookmarklet where URL appears in the code below:

loadURI ("*URL*");
share|improve this answer
This work perfectly! – Acorn Mar 12 '11 at 1:09
wooo! glad it helped :) – lnrbob Mar 12 '11 at 8:06
ReferenceError: loadURI is not defined :( – Gringo Suave Feb 2 '13 at 6:37
@GringoSuave are you following the instructions that A Dwarf outlines? The v0.0.5.5 of the plugin is working perfectly with my FF 18 – lnrbob Feb 4 '13 at 8:32
If your bookmarklet has double quotes in the code then this will fail. You will have to replace the double quotes in the bookmarklet code with single quotes – Nat Apr 19 at 14:57

This may not be exactly answering your question,
But, if you want to save the bookmark toolbar space (and not just hide and unhide it at times),
you can reduce the bookmark toolbar content and move it completely besides the 'Help' button.
This way you are done with just two 'bars' under the firefox title.
The Menu bar and the Address bar... Does that work for you?

To get this done,

  1. right-click in the space besides the Help button
  2. select 'customize...'
  3. drag the bookmarks toolbar from its position to the new one besides 'Help'
  4. end customization with the 'Done' button
  5. Now, if your bookmark has a good icon, you can even delete its name string and
    make it look quite like a button there...
share|improve this answer
Thanks for the suggestion, but I do want to keep my bookmarks toolbar which has several items on it hidden, but need a 2nd bookmark toolbar really! – falter Nov 6 '09 at 11:26

On the initialization tab add this code:

    var link = "place your bookmarklet code here"
    this.leftclick = function(evt){
    this.setAttribute( 'onclick', 'gQuot( event, this )' );

This will load your bookmarklet in the active tab.

share|improve this answer
Greetings, Shah, welcome to SuperUser. No need for disclaimers, if an answer is useful it doesn't matter whether it's old or new. I've suggested an edit to remove the "non-answer" portion of the answer, but if it doesn't fit with your intentions please go ahead and modify it. – Jonathan Garber Feb 15 '13 at 20:36

I used the bookmarklet tool at but you could equally well read their code and use that to make the button direct (loadURI method here wasn't working for me for some reason).

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .