How to disable google plus one (+1) button's hover bubble?

Question

In my page, how can i remove the google +1 button's tooltip message?

Example: http://www.google.com/webmasters/+1/button/

Documentation: http://code.google.com/apis/+1button/

I tried many ways, but can't figure it out.

Answer 1

You are supposed not to do that as per the google policies that you agree to in using their API: http://www.google.com/webmasters/+1/button/policy.html .

You're not allowed to modify the button, its behavior included.

You can be controlled by Google's robots as stated in same page. If you don't want the button's behavior, don't use Google's +1 API.

Answer 2

I agree with @Kheldar, but as a teaching lesson, here is how you would do it:

When the popup shows up, the HTML starts with this:

<table cellpadding="0" cellspacing="0" style="width: 324px; height: 68px; " frame="void" rules="none" class="gc-bubbleDefault pls-container">

Just add some CSS to not show it:

.gc-bubbleDefault, .pls-container
{
   display: none !important;
}