подсказка

Например, подсказка находится Здесь.

<span style="cursor: pointer;" title="Привет!" alt="Привет!">Здесь</span>

Выделим слово Здесь из общего массива текста:

<span alt="Изменим цвет" style="cursor: pointer; color: #0080C0; font-weight:bold" title="Изменим цвет">Здесь</span>

Можно увеличить эффект, если задать свойства CSS (ЗдесьДля платформы Blogger код указываем перед ]]></b:skin>):

a.podskazka {
position: relative; 
text-decoration: none !important; 
color:#0080C0 !important; 
font-weight:bold !important; 
}

a.podskazka:hover {
z-index: 999; 
background-color: #0080C0; 
color: #fff !important;}

a.podskazka span {
display: none; 
}

a.podskazka:hover span {
display: block; 
position: absolute; 
top:2em; left:2em; 
width:250px; 
padding:5px; 
background-color: #0080C0; 
color: #FFFFFF; 
}

Теперь наше слово нужно заключить в конструкцию:

<a class="podskazka" href="#">Здесь<span>Для платформы Blogger код указываем перед ]]></b:skin></span></a>

Это каркас и вид всплывающей подсказки можно изменять на своё усмотрение. Например,
ЗдесьДопишем свойства в a.priskazka:hover span

a.podskazka:hover span {
display: block; 
position: absolute; 
top:2em; left:2em; 
width:250px; 
padding:5px; 
color: #FFFFFF; 
text-indent: 0px;
border-top: 1px solid rgb(153, 204, 255);
border-bottom: 1px solid rgb(0, 0, 0);
background-color: rgb(51, 102, 153);
background-image: none; 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 50%; 
-moz-background-size: auto auto; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial; 
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90; 
text-align: center;}

А содержимое сделать более разнообразным: Здесь

Как сделать всплывающую подсказку
Ничто так не воодушевляет, как сознание своего безнадёжного положения. Альбер Камю

<a class="podskazka" href="#">Здесь<span style="top: -300px;"><table style="border: 1px solid rgb(231, 87, 59);" border="0" cellspacing="1"><tbody>
<tr><td align="center" style="color: rgb(231, 87, 59); font-weight: bold;">Как сделать 
всплывающую подсказку</td><td><img src="http://photos1.blogger.com/blogger/3083/3688/320/POST_1.png" height="100" width="100"></td></tr>
<tr><td colspan="2" style="padding: 10px;"><p style="border: 1px dotted rgb(252, 217, 197); padding: 3px;">
Ничто так не воодушевляет, как сознание своего безнадёжного положения.
<div style="text-align: right;">
Альбер Камю</div>
</p>
</td></tr>
</tbody></table>
</span></a>

http://jsfiddle.net/JVDFc/ http://jsfiddle.net/NMitra/pjjpLcww/