Skip to main content

How to Customize or Rearrange Links on the Google Bar

Google Bar is the black toolbar like thing that appears at the top of all Google web services, with links to Google’s flagship products like Search, Google+, YouTube, Maps, Play, Gmail, and so on. A dropdown menu at the end gives users access to more products that couldn’t be fitted on the bar. While the bar is extremely handy if you use Google’s products a lot, the inability to customize which links appear on the bar diminishes the utility of the bar to the point that some users absolutely loathe it. But if you can customize the bar and rearrange the links on it, the bar can become useful again. Here is how to do it.

Rearrange Google Apps Menu Bar User Script [Firefox and Opera]

This is a Greasemonkey user script that lets you replace the links on Google bar with any links of your choice. To use this first you need to install the Greasemonkey add-on on Firefox. Those who use Opera can install the equivalent Violent Monkey extension. After this you can install the “Rearrange Google Apps Menu Bar” user script. Those who use Chrome as their web browser, this user script will not work. But for these people we have another solution which we will address shortly.


The user script will automatically make some rearrangement on the Google bar. To replace these with your own links, you have to edit the user script. This can be done by clicking the Greasemonkey button in the toolbar and loading the script in your preferred text editor.

In Opera, you can click on the Violent Monkey button in the toolbar and click the Manage scripts button, and then click on the Edit button.

The script contain several lines such as these:

// Add Plus
    newOrderedList.innerHTML += '<li class=gbt><a target="_blank" class="gbzt" href=""><span class="gbtb2"></span><span class="gbts">+</span></a></li>';
    // Add Gmail
    newOrderedList.innerHTML += '<li class=gbt><a target="_blank" class="gbzt" href=""><span class="gbtb2"></span><span class="gbts">Gmail</span></a></li>';
    // Add Voice
    newOrderedList.innerHTML += '<li class=gbt><a target="_blank" class="gbzt" href=""><span class="gbtb2"></span><span class="gbts">Voice</span></a></li>';

All you need to do is edit the parts indicated by bold in the script, and replace them with links of your choice.

Do keep in mind that you will completely replace the default Google bar links with your own. You will also lose the drop-down menu at the end of the bar.

Big G Black Bar Sorter [Chrome]

This is a fantastic extension for Chrome that lets you reorder the links on the Google bar just by drag and drop. Grab a link with the mouse, drag it and drop it on another place. The latest version of this extension lets you add custom links to the bar. To do this, head over to and add remove, and modify custom links.


Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used: