Monday, July 11, 2011

postheadericon Membuat Efek "NUDGING" Pada Label/Categories

Kali ini saya akan memposting  tentang 'Efek "NUDGING" Pada Link Label/Categories'


Baiklah, jika sobat ingin mencobanya, langsung saja ikuti langkah-langkah berikut. :
1. Login Blogger
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Copy Kode Dibawah Ini, Lalu Pastekan di atas Kode </head>

<!--  Dancing Category Link For Blogger by bloggertricksandtoolz.com-->
<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 = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $('a.linknudge, .Label ul li a').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script</script>
<!--  Dancing Category Link For Blogger bloggertricksandtoolz.com-->

5. Klik Simpan Template

- Coba Arahkan Kursormu Pada Link yang Ada di Widget Label/Categories.

0 comments:

Blog Archive

About Me