.

quinta-feira

Descrição de links com Efeito Tooltip Transparente

ACESSOS:
AQUI



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!!!

Programa de Afiliados Cursos 24 Horas