Bem, para o WordPress existe um plugin que nos possibilita fazer isso automaticamente (links com tooltip), mas há alguns que usam outros sistemas de blog, como o Blogger e o UOL Blog. Mas mesmo assim é possível usar em todas as plataformas esse tipo de CSS.
1. O primeiro passo é inserir o seguinte código dentro das tag <head> e </head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script language='JavaScript' src='http://dl.dropbox.com/u/36789279/qTip.js' type='text/JavaScript'/>
2. Insira na parte do seu CSS, as seguintes linhas, e personalize nas cores que deseja, e que preferencialmente combinem com as cores do seu layout.
div#qTip {
padding: 3px;
border: 1px solid #000;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #fff;
color: #000;
font-family: arial;
font-size: 8px;
text-align: left;
position: absolute;
z-index: 1000;
}
E para que o efeito apareça ao parar o mouse em cima do link, você deve colocar um título no link. O link precisa ter a opção alt=”insira o texto aqui”. Veja como ficaria!
<a href="http://blog.com" alt="título aqui">
Dúvidas? Ask-me!