Cara Membuat Tooltips

 

hallo !!! seneng deh hari ini bisa ngepost lagi ^^ sekarang Sa Hyun mau kasih tau kalian cara membuat tooltips nii.. belum tau apa itu tooltips?? lihat image yaa...


Kalian mau? ni tutonya :)
1. Dasbor
2. Template
3. Edit HTML
4. cari kode

• Denim dan Simple Template

]]></b:skin>

• Blogskin dan Classic Template

</style>

5. Copy paste kode di bawah di atas kode no. 4

#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;
}

edzz.. belum selesai nii ^^
6. Cari kode

• Denim & Simple Template

</head>

• Blogskin & Classic Template

</html>

7. Copas kode di bawah dan taruh di atas kode no. 6

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

Huft.. akhirnya selesaiiii :) semoga berhasil yaa
c: Kak Cindy

---

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

---