Como personalizar o tooltip

Olá pessoal ><, hoje vou ensinar vocês a como personalizar o tooltip. O tooltip é uma caixa de texto que aparece quando você deixa o mouse em cima ou passa em cima de algum botão; 

Então vamos lá...

Venho dar os créditos do tutorial para o blog ♥;

Tutorial

1- Entre no blogger, e clique em modelo → clique em HTML e lá dê CTRL+F e pesquise por </head>; E acima você cola:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' type='text/JavaScript'/>

2- Ainda com CTRL+F, pesquise por ]]></b:skin>, e acima disso cole:

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;
}

No próprio código, você consegue personalizá-lo como quer. Espero que tenham gostado, bjs *-*