Sample Menu

Menu Accordion Di Sidebar

Diposting oleh Dian "herdiz72" Motor , 11.23 Be the first to comment!

Caranya :

1. Login ke akun Blogspot anda, Pilih Template ( Tema ) --> Edit HTML

2. Copy Paste kode dibawah ini sebelum kode </body >

<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>

3. Kode diatas adalah kode Default untuk template Blogger Standar. Dan apabila 

   kode diatas  tidak berhasil silahkan ganti yang warna merah sesuai dengan 

   div id dan tag headingnya pada sidebar template sobat.

4. jika sudah Fix , silahkan di Save. 

Hasilnya bisa sobat lihat tampilan Menu Sidebar Blog ini.

Terimakasih. 

Author: Kacam "herdiz72" Suhendra

Saya adalah penyuka Blog sejak lama dan berharap bisa berbagi ilmu yang ada dan mendapatkan Side Income dari Blog yang saya buat.. Read More →