Primeiramente, Efeito Tooltip é aquele efeito que mostra uma descrição do LINK / IMG ao passar o mouse
Galera, nesse tutorial ensinarei como fazer o Efeito Tooltip para Blogger, segue uma preview
Demonstração
1º Vá em Design > Editar HTML e procure por:
<head>
E acima desta tag, cole o seguinte JS:
Em seguida procure por:
]]</b:skin>
E acima desta tag cole o seguinte CSS:
Salve
2º Agora vá onde quer adicionar o efeito tooltip e o seguinte código para LINKS:
Agora para IMAGENS:
Duvidas? Poste um Comentário!
Créditos: ka.almeida
Galera, nesse tutorial ensinarei como fazer o Efeito Tooltip para Blogger, segue uma preview
1º Vá em Design > Editar HTML e procure por:
E acima desta tag, cole o seguinte JS:
<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/3173073/GothicDarkness/qTip.js' type='text/JavaScript'/>Em seguida procure por:
E acima desta tag cole o seguinte CSS:
div#qTip {
padding: 3px;
border: 1px solid #000000; ---/* edite cor da borda */
border-right-width: 2px; ---/* borda de cima */
bottom-width: 1px; ---/* borda de baixo */
display: none;
background: #4999df; ---/* edite cor de fundo */
color: #FFFFFF; ---/* edite cor do texto */
font: bold 9px Verdana, Arial, sans-serif;
text-align: left; ---/* center, left, right *
position: absolute;
z-index: 1000;
opacity: 0.8; ---/* Opacidade do efeito */
}Salve
2º Agora vá onde quer adicionar o efeito tooltip e o seguinte código para LINKS:
<a href='ENDEREÇO-DO-LINK' title='DESCRIÇÃO-DO-TITULO'>NOME-DO-LINK</a>Agora para IMAGENS:
<a href='ENDEREÇO-DO-LINK' title='DESCRIÇÃO-DO-TITULO'><img src="LINK-DA-IMG"/></a>Duvidas? Poste um Comentário!
Créditos: ka.almeida
Não fununciou..