Cara Mudah Buat Daftar Isi Sesuai Label

Kali ini kepikiran untuk membuat Daftar Isi atau Table Of Content (TOC) pada postingan, ada yang berdasarkan label atau  tanggal posting .. Dan sekarang  posting dulu tentang Cara Mudah Buat Daftar Isi Sesuai Label atau Category.

Membuat daftar isi di blog tentu dibutuhkan untuk memudahkan mencari artikel/materi yang diperlukan, tentu ini sebagai salah satu bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak. Contohnya bisa dilihat pada Daftar Isi blog ini.

Yo langsung saja Cara Mudah Buat Daftar Isi Sesuai Label atau Kategori yang disimpan pada halaman posting  dengan langkah sbb. :

  1. Login dulu  ke blogger.com
  2. Kemudian buat sebuah Entri Baru dan pilih modus Edit HTML. atau kalau biasa pake Windows Live Writer (WLW) gunakan modus Source atau Sumber.
  3. Berilah judul, misalnya: Daftar Isi Sesuai Label Atau Category.
  4. Copy Paste script dibawah ini dan ganti yang warna merah dengan nama blog anda :

    <script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script>
    <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
  6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 ,
  7. Lihat kode warna pink adalah link untuk membuka Daftar Isi Sesuai Tanggal Posting. Ini mau di gunakan atau tidak terserah. Kalau mau digunakan berarti kita harus buat dulu Daftar Isi Sesuai Tanggal Posting, atau kalau belum, bisa membuat nanti, hanya harus diingat tahun dan bulan serta judul posting harus sama dengan link yang kita buat itu.
  8. Kalau semuanya digunakan maka lengkapnya akan seperti ini : (Kode warna merah silahkan sesuaikan) 

    <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <p align="center">
    <font size="4">Daftar Isi Sesuai Label Atau  Category</font> </p>
    <script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
    <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    <p> Untuk melihat <a href=”http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html” target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a>, silahkan di klik </p>
    </div>
  9. Langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh :

<a href='http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html' target='_blank'>Daftar Isi Sesuai Label </a>

Sampai disini Cara Mudah Buat Daftar Isi Sesuai Label Semoga bermanfaat.. Tunggu posting selanjutnya Membuat Daftar Isi Sesuai Tanggal Posting. Happy Blogging


  1. Thanks telah mampir, yo kita saling vote dan comment..
  2. Bila berkenan tolong share/bagikan dengan tombol share dibawah.
  3. Gratis langganan artikel blog ini, silahkan klik Subscribe Disini, atau masukan email disidebar yg telah disediakan

Sobat sedang membaca artikel Cara Mudah Buat Daftar Isi Sesuai Label dengan Url https://tutorialdanbisnis.blogspot.com/2012/12/cara-mudah-buat-daftar-isi-sesuai-label.html , bila berkenan silahkan bagikan dengan tombol share di atas. Bila mau COPAS untuk di blog sobat, letakan link aktif artikel ini sebagai sumbernya dengan copy kode di bawah ini.


Related Post:

17 komentar:

  1. boleh juga nih tutorialnya. tar saya coba sob.
    terimakasih sob dah berbagi.

    BalasHapus
  2. sepertinya tampilanya bagus. biar pengunjung gampang untuk mencari artikel blog kita.

    thanks kawan..

    BalasHapus
  3. Daftar isi seperti ini memang diperlukan unuk memudahkan pencarian artikel yang diperlukan

    BalasHapus
  4. gak ada bemonya ya sob...

    BalasHapus
    Balasan
    1. Diatas ada Menu Daftar Isi Sob.. di klik aja.. itu demonya

      Hapus
  5. Thanks atas tutorialnya gan......

    BalasHapus
  6. mantep gan artikelnya sangat bermanfaat makasih.,

    BalasHapus
  7. boleh juga nnih langsung tkp thanks

    BalasHapus
  8. nice info mas makasih,,,,,,,,,

    BalasHapus

Silahkan Comment disini, saya comment di sana..

Langganan Artikel

Enter your email address:

Delivered by FeedBurner

Label

  1. Bisnis (5)
  2. Daftar Isi (4)
  3. Info (4)
  4. Link (2)
  5. Olah Raga (1)
  6. SEO (5)
  7. Software (3)
  8. Template (14)
  9. Tips Dan Trik (2)
  10. Tutorial (16)

Alexa