Apa jadinya sebuah buku tebal yang tidak mempunyai daftar isi? Pasti anda akan bingung untuk mengetahui isi dari tiap bab buku tersebut. Begitu juga dengan Blog. Tidak lengkap rasanya sebuah blog tanpa daftar isi. karena itu penting bagi sebuah blog mempunyai daftar isi, dengan begitu pengunjung akan lebih mudah mencari sesuatu hal yang berkaitan dengan blog anda. baiklah, buat sobat yang ingin tahu mempunyai sebuah daftar isi yang keren di blog anda seperti gambar disamping. silahkan ikuti tutorial singkat berikut ini.
- Login ke akun Blogger sobat
- Klik Menu Laman > Laman baru Pilih Laman kosong
- Maka akan tampil halaman statis, pilih mode HTML
- Copy Paste, Script di bawah ini kedalam halamn Laman pada no.3
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" 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://nama-blog-anda.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script> - setelah selesai, klik Publikasikan dan lihat hasilnya.
Selamat Mencoba.. Semoga Bermanfaat.
Sumber : http://www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html#.UQaXBPJA1AI
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
2 komentar
Click here for komentarinfo yang sangat bermanfaat gan..
Replymampir kesini yuk..... http://novaibnu.blogspot.com/
ok gan....thanks udh mampir
Reply# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon