Descrição de links com Efeito Tooltip Transparente

Nesta postagem venho mostrar para vocês este efeito bem elegante na descrição dos links do seu blogger. 

Para colocar no seu blogger... Entre em "Modelo" - "Editar HTML e procure pela tag

]]></b:skin>

Tendo encontrada a tag, cole ACIMA dela o seguinte código

/* -- Tooltip -- */
div#qTip {
font: normal bold 12px 'Trebuchet MS', Trebuchet, sans-serif;
color:#FFFFFF;
text-align:left;
letter-spacing:1px;
background: #000; opacity: 0.6;)
-moz-box-shadow: 0 0 25px rgba(4, 4, 4, .2);
-webkit-box-shadow: 0 0 25px rgba(4, 4,4, .2);
box-shadow: 0 0 25px rgba(4, 4, 4, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border:0px solid #363636;
padding: 5px;
display:none;
position:absolute;
z-index:1000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-goog-ms-border-radius:2px;
border-radius:2px;
-webkit-transition: all 0.5s ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: initial;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

Agora, procure pela tag

</head>

ACIMA dela, cole o seguinte código

<script src='https://sites.google.com/site/dinamitehackers/dh/dinamite.js' type='text/javascript'/>
<script src='http://blogando-com-facilidade-codes.googlecode.com/files/tooltip%20%5BBcF%5D.js'>
</script>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://felipe-matos.webs.com/lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://sites.google.com/site/addinblogger/how-to-add-in-blogger/grey.gif&quot;,threshold : 200});
});
</script>

Tendo colado o código, basta salvar e pronto!!!