Kali ini saya akan share tentang cara membuat Animated Label. Untuk contohnya lihat di Label Blog ini. Tampilan label menjadi slide.
Cara membuat :
1. Login ke Dashboard
2. Klik Template
3. Klik Edit HTML
4. Klik Proceed
5. Ketik F3 atau Ctrl-F
6. Ketik </head> kemudian Enter
7. Copy code berikut di bawah code </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>
8. Klik Save Template
Tidak ada komentar:
Posting Komentar