Cara Membuat Daftar Isi Blog, Tabulasi

Konsei Campur - Cara membuat daftar isi blog berbentuk tabulasi - Setelah di sibukkan oleh dunia nyata akhirnya saya bisa posting kembali di blog ini. kali ini saya akan membagikan bagaimana caranya membuat daftar isi blog berbentuk tabulasi. Daftar isi yang ini bukan seperti daftar isi sebelumnya yang berdasarkan label untuk ilustrasinya seperti sitemap yang ada di blog konsei campur ini.

Jangan di tanya dapat dari mana hal seperti ini, karena jawaban saya akan tetap sama dari google.com.

Baca juga : cara membuat menu diatas header termudah

Ikuti langkah - langkah berikut jika menginginkan daftar isi seperti gambar di atas.

1. Pilih Pos (entri baru) atau Laman (laman baru)
2. Pilih HTML.
3. Copas kode berikut di dalam entri/laman baru tadi

<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" rel="stylesheet"></link>

<br />
<div id="tabbed-toc">
<span class="loading">Loading..... Sabar ya... !!!</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://konseicampur.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:blue;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

Sebelum di simpan dan di publikasikan ganti dulu tulisan yang berwarna merah dengan alamat url blog kalian...