earth

Guestbook

/* Iklan google ads */
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...

Ok, segitu aja sob. Semoga bermanfaat .....
  • Artikel Terkait Dengan CSS dan Javascript

    Terimakasih sudah membaca artikel SC Community's Blog

    1 komentar

    hai semangat terus gan dalam berkarya o/
    follow blog saya yg belum jadi ya wkwkwk xD
    http://www.gowes-for-spirit.blogspot.com

    25 Desember 2012 pukul 11.41  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler