Membuat Sidebar Accordion With Jquery Di Blog

cara Membuat Sidebar Accordion dengan efek Jquery.

Cara Membuat Sidebar Accordion With Jquery di Blog

kali ini mas tamvan akan mengembangkan Jquery Sidebar Accordion / akordion yang berfungsi untuk menumpuk widget dan membukanya pada dikala widget itu di klik. Sidebar Accordion sangat anggun di pasang kalu di dalam sidebar kalian terdapat banyak widget yang akan menciptakan halaman menjadi panjang, dengan cara ini sidebar akan tampil rapih dan juga tidak menciptakan sidebar jadi panjang.

Silahkan liat di link berikut untuk melihat bagai mana tampilan Sidebar Accorddion ini.

Result

Lihat juga post lain perihal tutorial blogger dari blog mas tamvan.

Tutorial Blogger Lainnya :

• Membuat Sidebar Navigation Responsive Di Blog

• 2 Aplikasi Terbaik Untuk Membuat Screenshot Format Gif

• Membuat Menu Bar Dengan Efek Scroll Pada Menu Dropdownnya

Nah untuk tutorial cara menciptakan Widget Sidebar Accordion dengan efek Jquery, silahkan simak dan ikuti langkah demi langkahnya.

Cara Membuat Sidebar Accordion With Jquery di Blog

• Login ke Blogger.com

• Masuk ke Tab Template-> Klik Edit HTML, Cari Code </body>

• Lalu masukan Jquery dibawah ini sempurna diatas instruksi </body>

 <script type='text/javascript'> //<![CDATA[ $(function() {     $('#sidebar-wrapper .widget-content').hide();     $('#sidebar-wrapper h2:first').addClass('active').next().slideDown('slow');     $('#sidebar-wrapper  h2').css('cursor', 'pointer').click(function() {         if($(this).next().is(':hidden')) {             $('#sidebar-wrapper h2').removeClass('active').next().slideUp('slow');             $(this).toggleClass('active').next().slideDown('slow');         }     }); }); //]]> </script>  

Keterangan
Silahkan Ganti #sidebar-wrapper dengan id Sidebar kalian.
Apabila Jquery Accordion ini tidak berfungsi coba pindahkan Script Jqueryini Ke atas code </head>

• Save template dan lihat hasilnya, biar bermanfat. Salam tamvan :)

Cukup sekian dan terimakasih, biar artikel dari mas tamvan perihal Cara Membuat Sidebar Accordion With Jquery di Blog ini biar bermanfaat.
Jangan sungkan, apabila ada kesulitan dalam pemasangannya, silahkan untuk bertanya dikolom komentar.