Cara Membuat Daftar Isi Keren di Blog

Cara Membuat Daftar Isi Blog Keren
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.


  1. Login ke akun Blogger sobat
  2. Klik Menu Laman > Laman baru Pilih Laman kosong
  3.  Maka akan tampil halaman statis, pilih mode HTML
  4. 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>
  5. setelah selesai, klik Publikasikan dan lihat hasilnya.
NB: Jika daftar isi tidak muncul dari halaman laman, coba kembali buat di halaman Postingan (entri baru) pilih mode HTML, copy paste script diatas kemudian Publikasikan.

Selamat Mencoba.. Semoga Bermanfaat.

Sumber : http://www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html#.UQaXBPJA1AI
Previous
Next Post »

2 komentar

Click here for komentar
ibnu
admin
9 April 2013 pukul 14.54 ×

info yang sangat bermanfaat gan..
mampir kesini yuk..... http://novaibnu.blogspot.com/

Reply
avatar
Unknown
admin
9 April 2013 pukul 16.31 ×

ok gan....thanks udh mampir

Reply
avatar

# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon

Thanks for your comment