Cara Membuat Daftar Isi Tabulasi Untuk Blog

Cara Membuat Daftar Isi Tabulasi Untuk Blog - Daftar Isi (table of contents), atau biasa disebut sitemap, adalah fitur yang harus dimiliki suatu blog. Fungsi daftar isi ini adalah untuk menampilkan seluruh konten/artikel yang pernah di-publish. Daftar isi yang sekarang sedang kita bahas bukanlah daftar isi (sitemap) untuk search engine, melainkan untuk memudahkan pengunjung untuk melihat seluruh konten yang dimiliki oleh blog yang bersangkutan. Membuat daftar isi untuk blog juga dapat menambah angka pageviews karena kemungkinan besar orang yang melihat daftar isi akan mengeklik salah satu artikel.

Daftar isi tabulasi maksudnya adalah kita harus memilih labelnya terlebih dahulu, baru akan dimunculkan konten/artikelnya sesuai label. Lihat contoh penerapan daftar isi tabulasi disini. Menarik bukan, apabila dibandingkan dengan daftar isi biasa? Yang perlu diingat, agar semua konten/artikel dalam blog ingin ditampilkan dalam daftar isi, maka artikel tersebut harus memiliki label.

Nah, berikut tutorial membuat daftar isi tabulasi untuk blog:

• Kunjungi Laman > Laman Baru.
• Beri judul "Sitemap" atau "Daftar Isi" atau yang lainnya.
• Pindahkan mode ke mode HTML. Letakkan kode berikut.

<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" rel="stylesheet"></link>
<div id="tabbed-toc">
<span class="loading">Memuat...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://lalije.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>

• Klik Publikasikan. 

http://lalije.blogspot.com= Ganti dengan alamat URL blog Anda.

Memuat...= Ganti dengan kata-kata saat daftar isi sedang loading.

Nah, mungkin sekian dulu dari saya. Apabila ada masalah lain seperti sitemap tidak mau tampil dan sebagainya, Anda dapat mengirimkannya lewat komentar dibawah. Semoga bermanfaat...

Tweet