Home
Contact Me
Membuat Menu Accordion Dengan CSS - Kali ini akan membahas lagi mengenai Tabview, dulu saya sempat menjelaskan tentang Tab View Slick Jquery, nah ada teman saya yang Bertanya Namanya ViKrY'X MadZ pertanyaan'a begini "ane mau tanya sob, klo menu tab viewnya, bukan berjajar, tapi dari atas kebawah gt gmn cra buatnya???" nah untuk menjawab pertanyaan tersebut saya langsung aja posting Membuat Menu Accordion Dengan CSS berikut :
DEMO
Join ke Blogger - Rancangan - Edit Html - centang "expand widget template"
Kemudian cari kode ]]></b:skin> lalu letakkan kode CSS berikut diatasnya :
Kemudian Save Template.
Sekarang Pergi ke Tata Letak - Add Widget - Html/Javascript kemudian copy paste kode berikut :
<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>
<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>
Ganti tulisan yang berwarna merah dengan Isi Tabview Anda.
Ganti Tulisan yang berwarna kuning dengan Judul Tabview Anda.
Kemudian Save .
Semoga Membuat Menu Accordion Dengan CSS mudah dimengerti dan bermanfaat,
Artikel Terkait:
Sebarkan Artikel ini :
0komentar:
Posting Komentar
thank to visit