Personalizar o Tooltip

Xuxuzinhos como prometi trouxe p/ vocês um tuto de como personalizar o Tooltip (what?) é aquele balãozinho que aparece quando passamos o mouse no link  Passe o mouse viram 

Não é difícil e cada um pode personalizar de acordo com seu gosto e com o estilo do blog :)

Vá em design ~ Editar html ~ Ctrl F procure por /body

E cole acima:

código a ser personalizado:

<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/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/>

<style>

div#qTip{

margin:17px 0;

padding:3px 5px 3px 22px; /*modifique se precisar ajustar o mini gif*/

display:none;

background:#fff  /*Cor de fundo do Tooltip*/ url(url do mini gif)no-repeat 5%;

text-align:left;

font-family:  'arial'; /*modifique a fonte se quiser*/

font-size:12px; /*tamanho da fonte*/

z-index:1000;

position:absolute;

color:#000; /*Cor da letra que quiser*/

border:#ccc solid 1px; /*Cor e estilo da borda que quiser*/

border-radius:10px /*Se quiser arredondar o balãozinho*/

}

</style>

Não mexa no que esta destacado em azul, apenas o que esta em rosa ok

Para aparecer nos seus links use:

<a href='URL' title='Descrição do link'>Nome do link</a>