Membuat Efek Label Bergeser Di Blog

Posted by : Fajar Aja 2 Sabtu, 11 Mei 2013

1. Login ke dalam Akun Blogger kalian

2. Klik Template
3. Lalu pilih Edit HTML --> klik Lanjutkan --> Centang "Expand Widget Template"

4. Cari kode </head>, gunakan ctrl+f untuk memudahkan pencarian. Kemudian kamu salin kode di bawah ini. Dan letakkan di atas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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>
5. Simpan template dan lihat hasilnya