Skip to main content

Membuat Animasi Pada List Sidebar Dengan jQuery terbaru 2014

Jika sobat memakai framework jQuery, rasanya sayang jika dipakai hanya untuk scrol top-down, tabview section, atau toggle saja. Mungkin ada baiknya jika jQuery tersebut dimanfaatkan sebaik mungkin keberadaannya, salah satunya dengan membuat animasi pada list sidebar.

Seperti apa animasi ini, bisa dilihat hasilnya pada list-list sidebar SC Community, baik list Daftar Isi, Artikel Terbaru, Artikel Terpopuler, maupun list-list sidebar lainnya, termasuk list pada Artikel Terkait (Related Post).



Untuk membuatnya pun gampang:

  • Dari dasbor, pilih Template - Edit HTML.
  • Kemudian tambahkan kode berikut di atas kode </head>:
     ------------------------------------------------------
    <script type='text/javascript'> jQuery(document).ready(function(){ jQuery('.widget-content li a').hover(function() { jQuery(this).animate({ paddingLeft: '7px' }, {duration:250}); }, function() { jQuery(this).animate({ paddingLeft: '0px' }, {duration:250}); }); }); </script>
     ------------------------------------------------------
    Keterangan:
    Atur ukuran paddingLeft sesuai template, karena ada beberapa template sudah menentukan ukuran padding-left pada CSS untuk list sidebar (widget-content li a)
  • Setelah itu save hasilnya lalu ucapkan Alhamdulillah...
Semoga Artikel tentang  "Membuat Animasi Pada List Sidebar Dengan jQuery terbaru 2014" ini bisa bermanfaat untuk sobat blogger semuanya. salam sukses selalu.. 
jangan lupa tinggal komentar kalian dibawah ini. OK :-)

Sumber : http://ruangsc.blogspot.com


Baca juga:


Comments

Popular posts from this blog

Lirik Indal Faji kuntu usolli

Lirik lagu Indal Fajri ***
Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallaah
manrofaassama
waahsanal bina
subhanallah

subhannalah
faahatidzuhur
biazmalil 'utur
subhanallah

subhanallah
manzada bil hawa
antamuhu jawa
subhanallah

subahanllah
maasmalasuhun
minhosmihatakun
subhanallah

allah allah ....ya allah .....ya allah .....ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallah
kawwanal insan 'allamal bayan subhanallah

subhanallah
yaman wahab dalluh
 hatta nagtu wanaruh
 subhanallah

subhanallah
wal aqla wal janan
wal hubba wal hanan
subhanallah

subhanallah
hamdan syukron lillah
kullu rojabillah
subhanallah

allah.. ya allah... ya allah... ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

Tahapan alur novel, cerpen dan drama