Cara Membuat Menu Accordion Di BLog

Read More »

haii para blogger, ada ilmu baru nihh...., saya gue mau bagi bagi, tapi bukan gue yang punya niihh ilmu, yang punya ilmu ini Cyber-Net, Setelah gue baca - baca, ternyata cukup menarik...

oke langsung ke Tutorialnya dehh,

Pertama

Buka Blog Kalian 

2. Klik rancangan --> Edit HTML

3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

#accENS{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#accENS 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;}
#accENS h3 a{color:#555}
#accENS h3 a:hover{color:#000}
#accENS .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#accENS :target h3 + .post {display:block;height:150px;overflow:auto;}
#accENS :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="accENS">
<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. Selesai dehh... gampang kan

(?•_•)? Backlink CRAZYFUZ

URL

Code For Forum

HTML Code <a href='http://crazyfuz.blogspot.com/2012/08/cara-membuat-menu-accordion-di-blog.html' target='_blank'>Cara Membuat Menu Accordion Di BLog</a>