Cara Membuat Cool Sitemap (Daftar Isi) Blog Tabulasi Mode

Tidak lengkap rasanya sebuah blog tanpa kehadiran sitemap. Tujuan dari sitemap sendiri tidak lain untuk memudahkan para pengunjung mencari segala sesuatu yang ada di dalam blog itu sendiri.

Berikut ini adalah tutorial singkat cara membuat cool sitemap tabulasi mode :
1. Buat halaman baru: klik "Laman" > "Laman Baru"
2. Isi kolom judul dengan Daftar Isi atau Sitemap atau Indeks
3. Pilih atau klik mode "HTML" di kiri atas.

4. Copy & Paste Kode berikut ini di kolom konten. Jangan lupa ganti alamat blognya dengan alamat blog Anda.

<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>

<script>

var tabbedTOC = {

    blogUrl: "http://www.cc-o.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>

 5. Klik "Publish!

Jadi dech!!! Gampang dan mudah kan? Selamat mencoba dan Good Luck!!