Membuat Sidebar Widget Hide Show

Hay sobat blogger !!
Kali ini saya membahas mengenai cara Membuat Sidebar Widget Hide Show . Sedikit penjelasan mengenai Sidebar Widget Hide Show ini adalah membuat Widget bisa terlihat sesuai Widget yang ingin dilihat . Perhatikan pada gambar dibawah ini .

Pada sidebar seperti gambar diatas tersebut , ketika anda meng-klik Widget dibawahnya , maka secara otomatis semua Widget akan tertutup dan Widget yang ada pilih tadi akan terlihat . Dengan menggunakan cara ini memungkinkan tampilan blog anda akan lebih mudah . Tidak hanya itu , cara ini juga bisa membuat loading blog menjadi lebih cepat .
Untuk membuat Sidebar Widget Hide Show seperti ini ,silahkan ikuti langkah langkah dibawah ini :
1. Login pada blog anda dulu tentunya .
2. Masuk pada pengaturan Template blog anda .
3. Pilih untuk Edit Template blog anda .
4. Carilah widget bagian widget anda . Dalam template ini seperti ini

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>

Untuk lebih jelasnya,silahkan lihat gambar dibawah ini

Nah,perhatikan gambar dibawah ini juga

Perhatikan id widget tersebut diatas . Untuk memudahkan pencarian , anda bisa menggunakan Ctrl + F .
5. Selanjutnya cari </head> , copy dan paste kode dibawah ini tepat diatas kode </head> tersebut .

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

Ubah kode yang berwarna merah dengan id Sidebar seperti pada step ke-4 .
6. Simpan hasil perbahan tersebut dan lihat hasilnya .

Sekian artikel tentang Membuat Sidebar Widget Hide Show , semoga bermanfaat dan membantu anda . Jika ada yang kurang mengerti , silahkan komentar dibawah ini .
Sekian dan terima kasih .