Cara Membuat Daftar Isi Tabulasi untuk Blog

Untuk mengawali postingan pertama saya akan membagi sebuah tutorial membuat Daftar Isi untuk Blog dengan efek Tabulasi yang pastinya keren di koleksi untuk para anda selaku blogger. Selain bentuknya yang keren, Daftar Isi tersebut juga cepat dan mudah (tidak membingungkan) untuk di akses para pengunjung dikarenakan dilengkapi dengan Label. Selain itu Daftar Isi tersebut juga Responsive, jadi tutorial ini cocok untuk anda para blogger yang suka dengan desain yang Responsive. Tidak usah berlama - lama, langsung saja menuju tutorial.nya

Daftar Isi Tabulasi

Pergi ke Dasbor blog sobat
Pilih Laman -- Laman Baru
Isikan kolom judul dengan Daftar Isi atau Sitemap
Pilih mode HTML
Silahkan letakkan kode berikut di dalam.nya

<link href="https://e16ca1e5c0fb5f934cbb8fbaeb62607da2ec2305.googledrive.com/host/0ByLHUHwLzgSRVmlyYWJwUXR4VFU" rel="stylesheet"></link>
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://bagisecret.blogspot.com/", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: true, // `true` to show the post date
    showSummaries: true, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: true, // `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: 10, // `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="https://2f9629443c48893b4ffd91ced1447c9cb0084423.googledrive.com/host/0ByLHUHwLzgSRTXpaRExCZUxKcDQ"></script>

Lalu Publikasikan

Silahkan ganti http://bagisecret.blogspot.com/ dengan URL blog sobat

Untuk kustomisasi yang lain.nya sobat dapat menyesuaikan dengan selera sobat sendiri

Demo

Sekian artikel ini saya buat agar menambah pengetahuan sobat tentang Daftar Isi untuk Blog. Bilamana ada kesalahan terhadap tutorial yang saya buat ini, segera mungkin saya akan membantu masalah yang dihadapi para sobat blogger sekalian. Terima Kasih...

Cara Membuat Daftar Isi Tabulasi untuk Blog

Post a Comment