Cara Mudah Membuat Halaman Daftar Isi di Blog Template VioMagz

Halo, selamat datang di sebarpadi.com pada postingan artikel kali ini kami akan membagikan sebuah tutorial bagaimana cara pasang halaman daftar isi di template VioMagz. Mengapa sebarpadi.com membuat artikel ini tentunya karena template di website ini menggunakan template VioMagz, banyak alasan mengapa kita sebagai blogger harus menjadi pelayanan terbaik untuk visitor/pengunjung.

Menjadi sebuah pelayanan yang baik, sebaiknya harus ada daftar isi pada blog agar para pengunjung dapat lebih mudah memilih artikel yang ia tuju dengan daftar kategori pada blog. Sebenarnya, daftar isi mempunyai peran penting dan fungsi sebagai menu yang lebih mudah dicari para pembaca.

Lalu bagaimana cara memasang daftar isi pada template VioMagz di blog, silakan simak cara pasangnya dibawah dengan lankah-langkah berikut ini:

1. Login terlebih dahulu di Blogger.com, kemudian pilih menu “Pages”

2. Pilih tombol “New Page”, selanjutnya membuat halaman baru

3. Lalu, di tampilan editor dari Compose ganti menjadi html

4. Masukan judul halaman menjadi daftar isi

5. Berikut ini kode di bawah sudah kami sediakan, langsung saja kalian copy dan paste kode di bawah

<div class="tabbed-toc" id="tabbed-toc">

<span class="loading">Memuat…</span></div>

<script>

var tabbedTOC = {

    blogUrl: "https://sebarpadi.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: false, // `true` to show the posts summaries

    numChars: 200, // Number of summary chars

    showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)

    thumbSize: 60, // 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: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text

};

</script>

<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

NB: ganti url yang berwana merah menjadi url link blog kalian.

Jadi sangat gampang bukan untuk membuat daftar isi di template VioMagz pada blog, kalian bisa dengan sesuai selera memasang di bagian tertentu template bukan hanya pada bagian footer template VioMagz.

Sekian dan termakasih semoga dapat bermanfaat dan berguna, jangan lupa untuk terus kunjungi website sebarpadi.com karena akan ada update-update artikel setiap harinya.

Berbagi :