Senin, 19 November 2012

Efek Bergoyang pada Label dan Link

Jika kamu menggunakan widget label yang standar dan biasa-biasa saja, ada baiknya kamu mencoba widget yang satu ini. Yakni menambahkan efek "goyangan" pada setiap link dan tulisan label yang ada di blog kamu. tentunya dengan menambahkan efek ini, widget label kamu akan terlihat lebih atraktif dan menarik tentunya. Lihat caranya di bawah ini oke :

1. Login ke Blogger.com

2. Klik Template --> Backup dahulu tempate kamu.

3. Masih di bagian template, kamu klik Edit HTML --> klik Lanjutkan --> Centang "Expand Widget Template"



4. Cari kode </head>, gunakan ctrl+f untuk memudahkan pencarian. Kemudian kamu salin kode Javscript d 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 sekarang setiap orang yang klik link kamu akan bergoyang. Yihhaaaa

Tidak ada komentar:

Posting Komentar

slide to unlock