Sweet Tooltips

Wisshhh! hai semua! kemarin aku lagi begadang malem mingguan. Kemarin aku saat malam nggak sempat on di blog karena aku asyik bbm-man! maaf, ya..



Oya, kali ini aku mau bahas tentang Tooltips. apa itu tooltips? coba kalian klik yg Top button ku itu. Pasti ada tulisannya Fly Up With Me gitu kan? nah, itu yang dinamakan Tooltips


  • Dashboard << Template << Edit html
  • Cari kode ini untuk simple/denim template
]]></b:skin>

  • Dan cari kode ini untuk classic template 
</style>

  • Copy paste kode dibawah ini diatas kode yang tadi kamu cari tadi
#s-m-t-tooltip {
background: url(URL BACKGROUND);
font-size: 9px;
line-height: 11px;
font-family: arial;
letter-spacing: 2px;
text-transform: lowercase;
color: #fff;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;

} 

  • Cari kode ini untuk designer
</head>

  • Dan cari kode ini untuk classic
</html>

  • Copas kode ini diatas kode yang kamu cari tadi tadi
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);

</script> 

NOTES:

  • Untuk pasang di link :
<a href="link here" title"title here" />

  • Untuk pasang pada gambar:
<img src="URL Image" title="title here" />
Credit : K. Jauza
 

 





Tidak ada komentar:

Posting Komentar

1 ) Berkomentar baik-baik, jangan julid

2) Kata-kata yang tidak pantas atau mengandung unsur kebencian otomatis akan di block dan tidak dipublikasikan

3 ) Blog ini secara otomatis juga memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...