Cara Pasang Daftar Isi Akordion dengan Auto Label

SHADOWS || Apa kabar.para sobat bloger, kali ini kita akan bahas mengenai daftar isi atau yang lebih populer dengan SITEMAP, yaitu peta situs yang akan terindek oleh google melalui Daftar Isi Akordion dengan Auto Label ini. Widget ini bentuknya sangat elegant, nah marilah kita lihat dan praktekan semoga berguna bagi para bloger, langsung menuju TKP gan

                                                                 

                                                                                         Lihat Demo

Buat widget daftar isi ini dengan mengikuti langkah-langkah berikut:

Pertama-tama klik menu Laman pada sidebar. Kemudian, pada menu Laman Baru pilihlah Laman Kosong:

Setelah itu Anda akan melihat formulir halaman statis seperti ini. Klik mode HTML:

Salin kode di bawah ini kemudian letakkan di dalam formulirnya:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

type="text/javascript"></script>
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" type="text/css" />
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true, 
    maxNew     = 10,
    baru       = "Baru!",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/hompishive-labels-v1.js"></script>
<script src="http://shadows-k.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Ganti URL http://shadows-k.blogspot.com dengan alamat blog Anda, lalu Simpan dan Terbitkan.

Lebih Banyak Pilihan

Opsi	Nilai	Keterangan
showNew	true	Jika bernilai true, tanda merah bertuliskan Baru! akan ditampilkan, jika bernilai false, tanda merah bertuliskanBaru! akan disembunyikan.
	false
accToc	true	Jika bernilai true, efek akordion akan diterapkan, jika bernilai false, efek akordion akan hilang sehingga semua daftar isi akan terlihat.
	false
openNewTab	true	Jika bernilai true, setiap link akan secara otomatis terbuka di tab/jendela baru saat diklik, jika bernilai false, setiap link akan terbuka di tab/jendela yang sama saat diklik.
	false
maxNew	1, 2, 3, ... (numerik)	Digunakan untuk menentukan jumlah maksimal Baru! yang tampil pada setiap posting baru (Menentukan seberapa banyak posting bisa disebut sebagai posting baru).
baru	"Baru!", "New!", "Terbaru!", ... (teks)	Digunakan untuk mengubah teks Baru!.
sDownSpeed	"slow", "fast", 600, 1000 ... (kecepatan valid pada JavaScript)	Digunakan untuk menentukan kecepatan efek.slideDown() panel.
sUpSpeed	"slow", "fast", 600, 1000 ... (kecepatan valid pada JavaScript)	Digunakan untuk menentukan kecepatan efek .slideUp()panel.

Kode yang Saya beri garis bawah adalah JQuery. Jika template Anda sudah dilengkapi dengan JQuery, singkirkan kode tersebut!

Nah selesai sudah Cara Buat Daftar Isi Akordion dengan Auto Label semoga bermanfaat..