Hanabi Dewi

Kalian tau kan tooltip itu yang mana ? Itu lho, kalo cursor di letakkan di link saat hover akan ada keterangan nama lain dari link yang di maksud..
Agak sulit ya kalo harus di jelaskan, jadi langsung aja simak contohnya sebagai berikut.



Tutorialnya sebagai berikut :
1. Login Blog
2. Dashboard > Theme > Edit HTML
3. Cari Kode

]]></b:skin>

4. CoPas kode ini di ATAS nya

#s-m-t-tooltip {
    background: url(http://dl3.glitter-graphics.net/pub/2725/2725413buoul6giov.gif);/* change the background image or another rainbow image or color as u want */
    font-size: 9px;/* change the font size */
    line-height: 11px;
    font-family: cambria;/* change the font */
    letter-spacing: 2px;
    text-transform: lowercase;/* can be lowercase, uppercase, none */
    color: #fff;/* change the text color */
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
  }

5. Kemudian cari kode

</head>

6. Dan CoPas kode ini di ATAS nya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<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>

7. Save

Note :
Jika theme blog kamu sudah terpasang jquery , kode
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
tidak perlu di masukkan lagi .

---

Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

---