Home Owner Tutobies Other Friends Themes

Sabtu, 09 April 2016

Cute Tooltips


  Hai, assalamu'alaikum! Alhamdulillah, tryout sudah selesai dan Resti bisa bebas. Tapi tentunya masih ada jadwal ujian yang menumpuk tentunya. Resti post tutorial nih, yaitu Cute Tooltips.  Lets go!


1. Dashboard
2. Template
3. Edit HTML
4. Expand Widget Template
5. Cari kode ]]></b:skin> (untuk template designer) atau </style> (untuk classic template)
6. Copy paste kode dibawah ini DIATAS kode yang kamu cari
#s-m-t-tooltip {
background:#fff5f5;
font-size: 9px;
line-height: 11px;
font-family: Comic Sans MS;
letter-spacing: 2px;
text-transform: uppercase;
color: #fea5c2;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
border-top:2px dotted #fed7e6;
border-bottom:2px dotted #fed7e6;
border-left:8px solid #fed7e6;
border-right:8px solid #fed7e6;
margin: 24px 14px 7px 12px;
box-shadow: 0 0 2px 2px #fee6f2;
}

-edit-edit dahulu
7. Cari kode </head> (untuk template designer) atau </html> (untuk classic template)
8. Copy paste kode dibawah ini DIATAS kode </head> atau </html>
<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>


-tak perlu diedit
9. Save

Good Luck!!!

Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...