Tooltip - Mensagem colorida ao passar o mouse

Vasculhando códigos HTML no Google acabei achando o Pink Skull Design! Que apesar de ser novo é um mimo, e é super fofo! E como a dona do site: Isabella é muito querida topou postar as vezes que der aqui no blog!

Sabe quando você arrasta algum o mouse em algum link e aparece uma mensagem colorida, igual no gagdet de afiliados (no PLACE FAME)? A Isa vai ensinar vocês como adicionar este código em seu blog. Toda vez que você usar o atributo 'title' esse efeito estárá visível.

Instale o Javascript:

Vá até Design > Editar HTML e proucure por: </head>, cole acima o código abaixo:

<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'/>

---

Aplique o estilo CSS:

Continue em Editar HTML, e proucure por ]]</b:skin>, e cole o código abaixo ACIMA da tag:

div#qTip {
padding: 3px;
border: 1px solid #666; ---/* cor, expressura, e estilo da borda */
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #999; ---/* cor do fundo */
color: #FFF; ---/* cor do texto */
font: bold 9px Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}

Prontinho, agora é só você modificar as cores usando sua criatividade! Depois de modificar, salve. E para conseguir este efeito é necessário usar o código abaixo:

<a href='LINK_AQUI' title='DESCRIÇÃO_DO_TITULO'>NOME_DO_LINK</a>

<img src='LINK_DA_IMAGEM' title='TÍTULO_DA_IMAGEM'/>

 Lembre-se também que, a funcionalidade deste script pode variar de acordo com o template. 

Créditos merecidos á minha amiga Isa do Pink Skull, e a Clau do Mundo Blogger.