cara manambahkan menu accordion pada blog

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal , tentulah berbeda sekali dengan menu horisontal (baca : cara membuat menu horisontal di blog)yang biasa anda jumpai , mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog anda . anda yang tertarik pasang menu accordion di blogge , silahkan ikuti tutorial berikut :

1. login ke akun blog anda
2. klik rancangan --> Edit HTML
3. kemudian letakkan kode berikut di atas kode ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. klik save template dan kita akan menuju ke penambahan gadget
5. klik rancangan --> elemen laman--> tambah gadget--> pilih HTML/Javascript
6. masukkan kode berikut ke dalam kotak yang di sediakan :

<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
</div>

7. klik save dan lihat hasilnya :)

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com