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 :
  7. <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>
  8. Ganti Kode berwarna Biru dengan alamat blog anda
  9. Publikasikan
  10. Selesai
akbar

Seorang Software Developer yang dengan hobi menulis.

5 Komentar

Bagaimana Tanggapan anda mengenai Artikel Diatas ?

  1. Bagus :) perlu dipraktekan nih, tapi blog saya sudah ada sitemapnya. hehe

    BalasHapus
  2. blog saya sudah ada sitemapnya, tapi yg ini lebih keren kayaknya :D
    nice share, salam saya dari <a href="http://andreanadms.blogspot.com>adms blog</a>

    BalasHapus
  3. gmn bos ndak bisa mohon pencerahan

    BalasHapus
Lebih baru Lebih lama