Animasi Goyang Link Sidebar dengan jQuery

Animasi Goyang Link Sidebar dengan jQuery

Animasi Goyang Link Sidebar dengan jQueryKlik disini untuk melihat demo Animasi Goyang Link Sidebar dengan jQuery

Animasi Goyang Link Sidebar dengan jQuery

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini:

</head>

Langkah 4
Masukan kode dibawah ini tepat diatas kode pada langkah 3:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
var $jnoc = jQuery.noConflict();
$jnoc(document).ready(function(){
var Duration = 250;
$jnoc('.widget-content ul li a').hover(function() {
$jnoc(this).animate({ paddingLeft: '20px' }, Duration);
}, function() {
$jnoc(this).animate({ paddingLeft: '0px' }, Duration);         
});
});

Langkah 5
Simpan Template dan Preview... (Yuhuy.... mari bergoyang...)

Animasi Goyang Link Sidebar dengan jQueryKlik disini untuk download source code Animasi Goyang Link Sidebar dengan jQuery

Keterangan:

1. Ubah nilai 250 (satuan milidetik) untuk mengatur kecepatan gerakan animasi (Baris 4)
2. Ubah nilai 20 untuk menentukan jarak gerakan animasi (Baris 6)
3. Script jQuery ini sudah ditambahkan "jQuery No Conflict"
4. Jika gagal ubah .widget-content dengan .sidebar (Baris 5)

Selengkapnya: Animasi Goyang Link Sidebar dengan jQuery | Blogger Tune-Up http://modification-blog.blogspot.com/2010/05/animasi-goyang-link-sidebar-dengan.html#ixzz1IUkkrMN1