Membuat Efek Sidebar Accordion

Sudah banyak orang tau tentang efek ini, tapi saya sendiri baru tau kemaren (saat post ini di buat). Saya menemukan cara ini saat saya sedang blog walking mencari cara buka tutup sidebar, Akhirnya efek accordion keren inilah saya gunakan untuk blog saya. Untuk demonya lihat bagian sidebar yang tertutup, coba klik judul pada sidebar saya, bagaimana?keren kan? jika anda tertarik untuk membuat yang seperti itu tidak perlu belajar jauh-jauh sampai ke negeri China, cukup di blog ini saja. oke langsung ke step by step :

1. Log in ke blog anda adalah hal wajib
2. klik pada tab Design > Edit HTML
3. Cari kode ini --> </head>
4. Letakan kode berikut sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

5. Masih berhubungan dengan kode  </head>
6. Letakan kode berikut tepat di atas kode </head>

<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebar2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/accordionscriptv101-min.js' type='text/javascript'/>
</head>

7. Sekarang perhatikan bagian var sidebarnameacc1=&quot;sidebar&quot;;
sidebar yang bercetak tebal di atas berarti id sidebar anda, jika id sidebar anda bukan sidebar silahkan anda ganti sesuai id anda.

8. Perhatikan lagi bagian var sideshow1=new Array(0,0);
angka 0,0 mengartikan sidebar pertama dalam keadaan terbuka saat web pertama di buka. Jika yang anda inginkan terbuka adalah sidebar no 2 maka ganti angka 0,0 menjadi 1,1. Jika ingin dua-duanya terbuka menjadi 0,1. begitu seterusnya

Sekian dulu materi pembelajaran kita hari ini, jangan lupa untuk meninggalkan comment di bawah sebagai kritik dan saran untuk saya. Terima Kasih