Aprenda a Personalizar o Tooltip

Yoo Amoras...
~Boa noite
Tudo bem com vocês??
Bem pessoal, eu trouxe para vocês um tuto, "Como personalizar o tooltip", para quem não sabe o que é o tooltip, é aquela caixinha que aparece quando você passa o mouse sobre algum link, como por exemplo a elite de afiliados! Para ter uma ideia de como a tooltip vai ficar, eu tirei um print:

Fica fofo, não fica?!! *--*
E aí, vamos aprender a fazer??


Primeiramente, créditos ao The Lovers! Mas agora, o tuto:
Vá em "Modelo" >> "Editar HTML" >> Aperte Ctrl F ou F3 e procure por:

 </head>

Acima de </head> cole o seguinte código:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>

Agora, novamente aperte Ctrl F ou o F3 e procure por:

 ]]></b:skin>

Acima de ]]></b:skin> cole este código:

div#qTip {
padding: 3px;
background: #Cor de Fundo 
color: #Cor da Fonte 
position: absolute;
z-index: 1000;
border: 1px solid #Cor da Borda 
display: none;
font: bold arial;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radiu

Agora persolize as areas sublinhadas utilizando esta tabela de cores
Bem pessoal, é isso!! Espero que tenham gostado do tuto ^^
Kissus~