Personalizando Tooltip do blog

A #Victoria, me pediu em um comentário, para eu ensinar como fazia a "caixinha" que aparece o nome do afiliando, quando passo o mouse em cima, bom, não é só nos afiliados que ele aparece, ele aparece em quase todos os lugares que tem link.

..::Créditos ao Kawaii-World::..

Vá em Design → Editar HTML e procure por, </head>

Acima dele, cole esse seguinte codigo:

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

Agora procure por, ]]</b:skin>, antes dele cole esse código.

div#qTip {

padding: 4px;

border: 1px dotted #0abce0; ---/* cor, expressura, e estilo da borda */

border-right-width: 1px;

border-bottom-width: 1px;

display: none;

background: #e9eeef; ---/* cor do fundo */

color: #14c4e8; ---/* cor do texto */

font: Verdana;

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

text-align: left;

position: absolute;

z-index: 1000;

-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

Modifique as cores com a ajuda da Tabela de cores aqui.