Membuat Daftar Isi dan Accordion Pada Blog

Written by RA_Syihan on Tuesday, November 16, 2010 | Category: Networking, Programming, Trick, Tutorial

255 Votes

Biasanya kami memiliki begitu banyak posting di blog kita dan jika kita menggunakan TOC itu akan sangat panjang. Jika kita memiliki TOC sangat panjang, itu membuat pengunjung sulit untuk membaca posting kami. Untuk membuatnya mudah dibaca saya membuat modifikasi dari script sebelumnya Tabel Isi untuk gaya Blogger baru dan saya menggunakan Accordion.Fitur dari script ini:

   1. Efek Accordion
   2. Menampilkan dan menyembunyikan efek
   3. CSS 3
   4. Otomatis tambahkan jquery
   5. Warna yang berbeda untuk konten
   6. Gaya yang berbeda untuk membuka dan menutup
   7. Auto Urutkan judul
   8. Tambahkan Baru! selama 10 entry terbaru
Cara menggunakan sangat mudah. Buat Static Page.Masukkan script dalam mode Html

<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://www.oblo.web.id/feeds/posts/summary?max-results=1000&alt=json-in-script&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>

ganti kata yang di tandai hijau dengan blogmu

lihat DEMO disini

gambar Berikut adalah cara membuat halaman di blogger