How To Create a Search Button for the Google Toolbar

Dec. 10th, 2008 By Jorge Sierra

The Google Toolbar is a great way to extend your browser. It includes a lot of useful buttons, and the button gallery has even more if the default buttons don’t meet your needs.  But what if the button gallery does not have something you’re looking for? Fortunately, creating a custom search button for the Google Toolbar is quick and easy!

The other day, I created a search button for Google Reader, because surprisingly enough it doesn’t come with one and the button gallery doesn’t have one either. Mark O’Neill has already put together a search button for MakeUseOf, and I’ve made use of it myself quite a bit. For demonstration purposes, let’s pretend he didn’t make one and you’d really like to have one. Here’s what you would do to create a custom search button for MakeUseOf:

  1. Navigate to the MakeUseOf homepage
  2. Right-click inside of the search field.
  3. add button to google toolbar

  4. Left-click on the menu item that says “Generate custom search…”
  5. You’ll see the “Google Toolbar Custom Button Generator” automatically load in the page title, icon (if the site has one), and display the URL as the description. The description is what is displayed in the tooltip when you move your mouse over the button, so you might want to change it to something more descriptive like Search MakeUseOf.
  6. Click Add and you’re done!

The new button will appear on the toolbar with a yellow box around it to highlight the new button.

The search button that Mark created also includes the MakeUseOf RSS feed as well. You can learn how to add an RSS feed in the Google Toolbar API documentation. The API docs contains additional information on how to create more advanced buttons.

Do you use the Google Toolbar in your browser? Have you created any custom buttons you found were lacking?

(By)

Enjoyed the article? Subscribe to MakeUseOf to get daily updates on new cool websites and programs in your email for free. You'll also get free printable cheat sheets to your favorite programs

Your Email:

Add MakeUseOf to:



2 Comments Add Comment
2008-12-10 15:19:18
NR

Thanks. Didn’t know it could be done. Is there a way to make toolbar “buttons” for other programs that would lead to, say, a menu action?

2008-12-10 18:16:29

The API is more or less limited to submitting data to forms that use the GET method (i.e. the form fields are transmitted within the URL) and retrieving information in RSS feeds. The version 5 (beta) of the Google Toolbar does allow you to assign gadgets to buttons. However, they are rendered in their own windows, so you would not have access to the DOM for the current page being viewed in the main browser window. In other words, you wouldn’t be able to do any kind of manipulation on the page or even read from it. The API does not provide any hooks into the browser, so unfortunately you can’t perform menu actions and such either.

Reply

You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.