January 24, 2019

HTML-only Hover-Over Tooltip for Affiliate Disclaimers

How to make a HTML-only hover-over tooltip for affiliate disclaimers — without plugins, without separate CSS or JS.

HTML-only Hover-Over Tooltip for Affiliate Disclaimers

I wanted to make an affiliate disclaimer for our website for our Glossika review on Discover Discomfort, but I didn't want to install a whole plugin just for this.

This is the absolute easiest way to do it. No separate style blocks, CSS files, or JavaScript.

Here's what it looks like:

The text is a constant WIP

And here's the code:

<em>This post contains links to products that <span style="border-bottom: 1px dotted #000; border-color: red; text-decoration: none;" title="We only recommend things that we like and that we have tested. You don’t pay extra. The commission we get is to support the effort we put into this website.">earn us a commission</span> if you use the links.</em>

Hope this is useful!