Membuat Rainbow Tooltips
Kamis, 21 Desember 2017 - Permalink - 0 Wannables


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>



감사합니다 | Thanks for reading Leave a comment please!

Posting Komentar

Ayo guys, berikan komentarmu! dan Jangan lupa patuhi peraturan dibawah ini :

- Berkomentarlah dengan kalimat yang baik dan sopan
- Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
- Dilarang KERAS!! berkomentar yang mengandung unsur Negatif,SARA, Pornografi dan Judi
- Dilarang berkomentar yang tidak berhubungan dengan topik
- Dilarang promosi usaha (travel,olshop,obat,dll) dikolom komentar ini, dicbox saja boleh asal tidak nyepam
- No anonymous or delete -,-
- Tidak mematuhi? HAPUS!! Admin sering online untuk memantau blog ini
- Repost?credit please.....