Membuat Rainbow Tooltips

Tooltips apaan sih? saat kursor menyentuh gambar maka akan muncul seperti gambar diata itu tuh,yang pelangi pelangi alangkah indahmu merah kuning hijau dilangit yang biru *eh..eh..malah nyanyi,mbablas.. tau kan?yuk ikuti caranya

1. Blogger --> Dashboard --> template --> edit html
2. Cari kode ini untuk Denim dan Simple Template 

]]></b:skin>

   * Cari kode ini untuk Classic dan Blogskin 

</style>

3. Copy paste kode ini diatas kode no. 3

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

4. Cari kode ini untuk Denim dan Simple Template

</head>

    * Cari kode ini untuk Classic dan Blogskin

</html>

5. Copy paste kode ini dibawah kode no. 4

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