Sobat yang tertarik pasang menu accordion di blog, silahkan ikuti tutorial nya sebagai berikut.
1. Login ke akun blog sobat.
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}
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”>
<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..