Membuat Efek Label Bergeser di Blog

Membuat Efek Label Bergeser di Blog - Kembali BLOGNYA SI IMIN datang untuk memposting informasi-informasi menarik yang tentunya berguna bagi pembaca sekalian. Kali ini khusus bagi para blogger saya akan memposting mengenai tutorial blog. Di bagian Tutorial blog kali ini akan membahas mengenai cara membuat efek label bergeser di blog. Mungkin kalian biasanya menggunakan label yang biasa-biasa saja, atau yang cloud saja. Nah untuk itu biar tidak kelihatan biasa-biasa saja, efek label bergeser ini mungkin bisa menjadikan blog kalian lebih menarik dan unik. Coba kunjungi Blogger Purwokerto untuk melihat demonya. Langsung saja bagaimana caranya membuat efek label bergeser di blog? Baca langkahnya di bawah ini:

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

Selamat mencoba dan semoga bermanfaat