13 de dez. de 2013

Tutorial: Tooltip personalizado no blog!!

Hey guys!
       Sorry por não ter postado ontem mas é que eu estava vendo alguns presentinhos para o natal e não tive tempo para postar! Mas hoje eu vou postar um tuto que vai deixar seu blog maravilhoso que é tooltip personalizado! Eu não sabia como personalizar antes mas andei procurando o tutorial pelo google até que eu achei :) Vamos nos jogar agora? Então cliquem em leia mais!!


      Vamos ao tutorial :3

Vá em Design > Editar HTML > F3 > procure por /body

Escolha um desses modelos de tooltip (feitos pela gizaa) e copie, e cole ACIMA de /body
                                                                       
                                                                           

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip{font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#fff url(http://4.bp.blogspot.com/-7BFeVaO2a-o/TyR4UER99oI/AAAAAAAAA3o/2rZfhjBk2WU/s1600/a.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#f9b;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
                                                     
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#fee url(http://4.bp.blogspot.com/-3EIJVRWuVLQ/TyoLQkHA9JI/AAAAAAAAA_0/bKWPw5HBNa4/s1600/65miniflormagiagifsrm4.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#f9b;box-shadow:0 1px 3px #ccc;border-radius:4px}
</style>
                                             
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#eee url(http://2.bp.blogspot.com/--QGMjDUMOro/TyqmVxWifKI/AAAAAAAABAM/HggMWWP_DMI/s1600/virtual-cahveiga.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#888;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
                                                     
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 35px;display:none;background:#e1cdff url(http://2.bp.blogspot.com/-7adVbZRyVP0/TyqnFcaRBcI/AAAAAAAABAU/jqbm_kztoug/s1600/886.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#fff;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
Eu acho todos lindos e cutes! mas o que eu mais gosto é o primeiro :) Tomara que tenham gostado desse post!! Os créditos do tutorial vão para este blog. Logo já vamos está no natal, como esse ano passou rápido né? Parecia que ontem eu estava criando esse blog e ele tinha 10 seguidores kkkkk ^^

                                                                 Beijinhos de cookies ^3^


Um comentário:

  1. Eu acheei lindo o primeiro!! :3 A respeito da afiliação no Blogger vê com a Brenda, a dona, ela tem uma ask ( ask.fm/gavecrazy ) Amei o Things Teen, já vou seguir! ♥

    ~ Cath do http://gavecrazy.blogspot.com.br/

    ResponderExcluir

Antes de comentar, leia algumas regrinhas ^=^

✖- Comente pelo menos um pouco sobre o post, senão seu comentário será ignorado!
✖- Ainda temos vagas para afiliados é só pedir nos comentários, mas fale um pouco sobre o post
✖- Se você se inspirar em alguma coisa aqui no blog, peça primeiro a permissão para alguma pessoa da nossa equipe pelos comentários, e só poderá se inspirar se deixarmos senão será considerado plágio!
✖- Respeitem todos os leitores e leitoras (sem xingamentos e nem nada parecido).
✖- Deixe o link do seu blog para podermos retribuir a visita.
✖- Seguindo segue de volta, aceitamos só se estiver seguindo mesmo e se comentar um pouco sobre o post.

OBS: Se quiser deixar seus comentários mais fofinhos, use nossos emoticons ≧ω≦

Comente á vontade, beijinhos de algodão doce ^3^

┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ ♪ ♥ ✓ ✖ εїз ♥ ❤ ❥ ♡ ♥ ღ ɞ ♛ ♚ ♝ ♞ ♜ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ☼ ☀ ☁ ☂ ☃ ☄ ☮ ♂ ♀ ☠ ♪ ♫ ♩ ♬ ☺ ✿ ⓡ ⓒ ♨(o・з・o) OωO (≧∩≦) (っ・ω・)っ (●´ω`●) (o・ε・o) (・ε・`。) (⊃ω⊂) (≧∪≦) (。・ω・。) (。TωT)/ ^^ ;3 >3< >.< >< ^=^