Cara Sederhana Membuat Daftar Isi Blog

Tabel of Content [View]
Tidak hanya untuk sebuah buku, daftar isi juga diperlukan untuk sebuah blog. Sebab sebuah blog sangat mirip sekali dengan sebuah buku. Jika sebuah buku terdiri dari beberapa halaman dari puluhan bahkan ratusan halaman demikian juga halnya dengan sebuah blog yang mempunyai puluhan bahkan ratusan halaman konten atau artikel di dalamnya.

Bayangkan jika sebuah buku tidak mempunyai daftar isi. Tentu akan sulit dan memerlukan waktu yang relatif lama untuk menemukan sesuatu yang kita cari dalam buku terbut. Dengan adanya daftar isi maka hal itu memudahkan bagi pembaca untuk menemukan hal yang ia cari dan ia butuhkan.

Tidak berbeda jauh dati sebuah buku, manfaat daftar isi pada sebuah blog salah satunya adalah untuk memudahkan bagi pengunjung melihat konten apa saja yang ada dalam blog tersebut. Cara ini lebih disukai karena lebih praktis dan tidak memerlukan waktu lama bagi pengunjung blog dibandingkan dengan harus mencarinya satu demi satu.

Tapi kan sudah ada related post dan popular post widget yang telah terpasang di blog. Masih perlukah memasang daftar isi atau site map pada sebuah blog?

Jawabannya masih perlu. Sebab popular post atau pun related post tentu hanya menampilkan sebagian kecil dari isi blog. Sedangkan site map atau daftar isi blog menampilkan keseluruhan isi blog yang telah dipublikasikan.
Cara Sederhana Membuat Daftar Isi Blog
Dengan adanya daftar isi blog, pembaca atau pengunjung mempunyai alat navigasi untuk menjelajah isi blog secara lengkap. Pengunjung blog juga lebih cepat menemukan konten yang dicari dan ia sukai. Dengan demikian pengunjung bisa lebih lama dan lebih banyak membaca konten dalam blog yang di kunjungi nya tersebut.

Selain dari itu semua menurut saya jika blog memasang daftar isi maka blog tersebut akan terlihat lebih serius dan profesional.

Baiklah sekarang kita mulai bagaimana cara membuat daftar isi blog baik di Blogspot maupun di Wordpress. Ikuti langkah-langkah yang akan saya uraikan di bawah ini.

Cara membuat daftar isi blog pada Blogspot:

  1. Masuk ke Dashboard Blogspot Anda
  2. Pilih Page lalu klik New page

    create-new-page-table-of-contents-1-1

  3. Setelah terbuka halaman baru maka klik HTML dan beri judul halaman Site Map misalnya

    create-new-page-table-of-contents-2-1

  4. Paste kode di bawah ini pada area yang di tandai nomor 2 pada gambar di atas
    <style>
    p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
    a.post-titles {color: #0000FF;}
    ol li{list-style-type:decimal;line-height:25px;}
    </style>
    <script src="http://yourjavascript.com/21229101616/toc-mustzain.js" type="text/javascript"></script>
    <script src="http://www.mustafazain.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
  5. Klik Publish
  6. Tambahkan pada page site map yang telah di buat di atas kedalam menu blog Anda
  • Ganti http://www.mustafazain.com dengan alamat blog Anda
  • Kode #242424 adalah warna untuk Label
  • Kode #0000FF adalah warna untuk Judul Postingan
Kedua warna itu bisa Anda ganti sesuai dengan selera dan keinginan. Anda juga bisa mengganti ukuran font. Jika ingin agar huruf untuk label menjadi huruf tebal atau bold tambahkan kode font-weight: bold setelah kode font-size: 15px; diatas.

Cara membuat daftar isi blog pada Wordpress:

  1. Login ke blog Wordpress Anda
  2. Klik Plugins --> Add New
  3. Pada kotak pencarian tulis Table of contents 

    add-new-plugin-table-of-contents-wordpress-1

  4. Setelah muncul lalu klik Install Now pada plugins Table of Contents Plus
  5. Setelah di install lalu Active kan
  6. Klik Page => Add New
  7. Setelah terbuka halaman baru tuliskan judul halaman tersebut sesuai keinginan misalnya saja Site Map. Lalu klik Text pada pojok kanan atas untuk mengubah editor menjadi mode html
  8. Tuliskan shortcode [sitemap_posts] di area editor

    add-new-plugin-table-of-contents-wordpress-2-1

  9. Klik Publish

Lebih lanjut mengenai shortcode yang lain dan cara penggunaan table of contents plus ini bisa di lihat pada tab help.

Semoga bermanfaat :)