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

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.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>