how to create TEXT ICON TOLLTIP?

hello
what i want to do must be very simple, the thing is i am horrible with wordpress, that’s why i bought the amazing enfold theme.
i am very happy in general but many times i struglle to do basic stuff.
what i need is when i mouse over a specific word, for the toolltip to appear, as you have already set up for the icons.
yesterday i wrote about this asking for support and i received an answer fom you saying:

|||||||||||||||| Regarding the tooltip, use this on functions.php:
function avf_text_tooltip() { ?>
<script>
(function($){
$(window).load(function() {
//creates text icon tooltip
new $.AviaTooltip({‘class’: “avia-tooltip avia-text-tooltip”, data: “avia-text-tooltip”, delay:0, scope: “body”});
});
})(jQuery);
</script>
<?php
}

|||||||||||||||| Then add a text like this:
Tooltip

You can add the tooltip content on the data-avia-text-tooltip attribute. We’ll close this thread now.

Cheers!
Ismael

well, thank you Isamel, the thing again is im very bad with wordpress and i was now for a few hours trying to do this but i can’t manage to do it.

please some more light