Cara Mudah Membuat Daftar Isi / Sitemap Tabulasi

Cara Mudah Membuat Daftar Isi / Sitemap Tabulasi - Membuat daftar isi suatu blog sangatlah penting, karena dengan adanya daftar isi ini kita bisa memudahkan pengunjung untuk menjelajahi blog kita dengan nyaman. Dimana daftar isi atau sitemap biasanya hanya berupa tulisan dan link, namu kali ini saya menyajikan suatu hal yang berbeda yaitu sitemap Tabulasi yang juga Daftar isi ini digunakan oleh salah satu master blogger Kang Ismet dengan alamat blog www.blog.kangismet.net . Sitemap ini sangat saya anjurkan untuk blog yang mempunyai Label/Kategori minimalis atau sederhana, maksudnya Sitemap ini cocok untuk blog yang mempunyai Niche atau Kategori tertentu karena jika terlalu banyak kategori yang dimunculkan akan terlihat kutang profesional. Contoh Seperti Gambar dibawah.

Untuk Demonstrasinya silahkan cek disini

Sitemap Mirip Kang Ismet ini sangat digemari banyak blogger karena tampilan yang keren juga terlihat sangat sederhana. Biasanya untuk mendaftar adsense kita harus membuat sitemap, namun sepertinya sitemap ini kurang cocok untuk adsense. Mungkin karena google menyukai sesuatu yang sederhana. Sitemap Tabulasi ini bisa kita terapkan di Halaman Statis Blog.

Memasang Sitemap Tabulasi Di Halaman Statis Blog

1. Masuk Ke Blogger.com
2. Pilih Blog Anda
3. Masuk Ke Dasbor
4. Pilih Laman
5. Buat Laman Baru
6. Masukan Kode Dibawah ini :

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css"/>
<div id="tabbed-toc"><span class="loading">Memuat...</span></div>
<div id="tanda"><a href="http://kangbar.blogspot.com/2015/05/cara-mudah-membuat-sitemap-tabulasi.html" target="_blank">Pasang Widget Ini</a></div>
<script>
var tabbedTOC = {
    blogUrl: "http://kangbar.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

7. Ganti Kode berwarna Biru dengan alamat blog anda
8. Publikasikan
9. Selesai