Search code examples
facebooktooltipsharefacebook-like

Adding tooltip to the facebook share icon

I want to add (layout: box-count, action type: like) a facebook like and a share button with tooltips to my website. I am using for code generating the following site: https://developers.facebook.com/docs/plugins/like-button/

The "Like" has a tooltip, but the "Share" button not. I am using the "fb:like" tag for embedding the facebook buttons.

How can I add a tooltip to the "Share" button too? I am neither using PHP nor CSS (don't want to use it). Please consider it when answering.

Thank you for all of your useful tips.

Solution

  • The "Like" text you see when hovering over the like button is caused by the title value in a div.

    It looks like this for the Like button:

    enter image description here

    So for a similar share button it would result in something like this:

    <div class="blah" title="Share"></div>