Tab Accordian Bubbling Library

Ada yang menyebutnya efek tirai atau juga sliding door. namun jika kita gooling, input kata atau istilah yang populer untuk efek ini adalah " accordian ". contoh efek "Accordian" ini bisa saudara rasakan langsung pada sidebar kanan blog ini paling atas: Profile , Comment , Contact.

Seperti hal-nya Tab View yang lebih dulu populer di gunakan oleh para blogger lokal, efek ini juga merupakan library javascript dari YUI ( Yahoo User Interface ), namun di iris lagi menjadi Javascript Bubbling Library, yang menurut situs resminya lisensi bebas di gunakan.

" All components in the Bubbling Library have been released as open source under a BSD license and are free for all uses."

Selain tab " Accordian " ini, banyak juga plugin yang tersedia pada Bubbling Library , kita langsung tinggal pake saja. tampa perlu nyegir. karena tersedia beberapa pustaka skrip dan framework untuk kita gunakan. mytechblogs

View-Demo | Download

Untuk menerapkan salah satu efek semisal tab " accordian" ke dalam blog kodenya cukup panjang, tapi jika membutuhkan bisa saudara lanjutkan membacanya.

1. Buka Tata-Letak - Edit Html. kemudian cari tag penutup

setelah itu masukan sebelum tag penutup tersebut . kode berikut ini.

kode Css.

Dan kode Javascript ini.





Simpan Perubahan

2. Kemudian tambahkan sebuah Elemen Html/JavaScript .

Setelah terbuka masukan kode berikut ini.

Judul/Title

Content Kita : Tulisan / Javascript semisal Shoutbox, Ajax Feed dll.

Judul/Title

Content Kita : Tulisan / Javascript semisal Shoutbox, Ajax Feed dll.

Judul/Title

Content Kita : Tulisan / Javascript semisal Shoutbox, Ajax Feed dll.

Judul/Title

Content Kita : Tulisan / Javascript semisal Shoutbox, Ajax Feed dll.