Seperti kita ketahui bersama bahwa Daftar Isi merupakan salah satu hal yang paling penting dimiliki dalam suatu blog atau website. Apalagi jika kalian memiliki banyak postingan, daftar isi ini mutlak kalian pasang di blog agar pengunjung bisa dengan mudah menjelajahi blog atau website kita.
Nah.. Pada postingan tutorial blog ewabloggerock kali ini saya akan mencoba jelaskan cara Membuat Daftar Isi Jquery Accordian., ini merupakan rangkaian dari blog tutorial sebelumnya, dimana saya pernah menjelaskan Cara Membuat Daftar isi Secara Manual, dengan menggunakan efek ikon pada awal tiap judul artikel..
Membuat Daftar Isi dengan menggunakan efek Jquery Accordian mempunyai banyak kelebihan, selain unggul dari segi tampilannya yang rapih, navigasi blog yang mudah, serta dapat menghemat space halaman blog atau website.
Anda bisa lihat contoh dari Daftar Isi Jquery Accordian milik kang Abu Farhan yang telah berhasil saya terapkan pada ARCHIVE (Arsip) blog ini.,

Langkah-langkah Membuat Daftar Isi Jquery Accordian :
1. Login ke Blogspot dengan akun dan password Anda
2. Dashboard -->> New Entri (Entri Baru) -->> pilih Edit HTML
3. Copy script code HTML dibawah ini..,
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://ewabloggerock.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>
4. Paste ke dalam postingan atau entri baru anda.
5. Ganti http://ewabloggerock.blogspot.com/ dengan Alamat / URL blog anda...
6. Klik preview/pratinjau untuk memastikan bahwa kode script yang anda pasang sudah benar.., dan jangan lupa diberi judul misalnya; Daftar Isi atau Archive.
7. Kemudian klik Publish post (Terbitkan Entri)
Saran saya.., silahkan pasang link halaman Daftar isi Jquery Accordian ini di Menu Navigasi blog kalian., agar memudahkan pengunjung mencari halaman daftar isi atau Arsip postingan blog anda..

Selamat Mencoba.. dan Luangkan waktu untuk memberi komentar yang positif

Description: Membuat Daftar Isi Jquery Accordian
Rating: 4.5

Related Post



3 komentar:

Adsloko.com said...

nice penggabugan jquaery-nya sob

salam kenal

Rockeryck said...

@Adsloko.com : zalam kenal juga zobat.... thanx dah mampir...

Naziq said...

wah,,pas nih,,pas lgi btuh dftar isi

Post a Comment