eltras:
tienes algunos conceptos equivocados
si bien el atributo "title" hace las veces de tooltip, es muy limitado
un tootip básico (hay otros mejores, este es para aplicar a un link) hecho con CSS sería
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;} /*bg color necesario paraIE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
<a href="#" class="tooltip">Texto Link
<span><b>Esto
</b>es un tooltip
<br /><img src="http://www.w3schools.com/images/compatible_ie.gif" alt="" width="30" height="30" /></span></a>.
Si quieres cambiar
<a href="link" title="texto de la caja de texto">textovisible</a>
y que no conduza a nada, hazlo por
<a href="#" title="texto de la caja de texto">textovisible</a>
ó simplemente a un marcador
<a name="link" title="texto de la caja de texto">textovisible</a>
Además
title es un atributo comun a numerosos tags html.
En cuanto a la transformación, supongo que te la hace el
blogger. Tendráis que ver cual es el método para craer código desde el blogger.
Empieza por un manual de HTML y Css básicos
http://www.librosweb.es/
Saludos