Cara Membuat Sitemap atau Daftar Isi di Halaman Statis Template VioMagz

Cara Membuat Sitemap atau Daftar Isi di Halaman Statis Template VioMagz - Dibawah ini merupakan kiat membuat halaman sitemap atau daftar isi pada template viomagz versi terbaru yaitu versi 2.6 keatas.

Widget sitemap ini sendiri menggunakan JavaScript buatan dte.web.id yang sudah dimodifikasi oleh Mas Sugeng supaya tampilan daftar isinya akan menyesuaikan dengan template template VioMagz.

Cara Membuat Sitemap atau Daftar Isi di Halaman Statis Template VioMagz

Langsung saja, inilah langkah-langkahnya:

1. Pertama anda harus masuk ke Blogger.com

2. Kemudian pilih menu "Halaman"

3. Klik opsi "Halaman Baru" untuk membuah sebuah halaman statis baru.

4. Selanjutnya ganti mode tulisan dari "Compose" menjadi "HTML"

5. Silahkan anda masukkan judul halaman statis (contoh: "Sitemap Simastah")

6. Nah, silahkan anda tempelkan kode dibawah ini pada bagian konten nya:

<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
    blogUrl: "https://simastahku.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: 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>

7. Ganti yang saya tandai dengan URL blog milik anda.

8. Yang terakhir yaitu silahkan anda "Simpan Tema"

Nah, demikianlah Cara Membuat Sitemap atau Daftar Isi di Halaman Statis Template VioMagz, mudah-mudahan bermanfaat dan berguna bagi anda semua.

4 Responses to "Cara Membuat Sitemap atau Daftar Isi di Halaman Statis Template VioMagz"

  1. Halo agan. salam kenal. Kira-kira caranya bagaimana supaya memiliki daftar isi seperti punya agan (lihat daftar isi blognya). Jika berkenan bisa berbagi kode skripsnya gan?

    Saya ikuti tutorial ini (sitemap templete viomagz) kok tidak seperti demonya mas. Jadinya berbeda...(jika berkenan lihat daftar isi blog saya).. salam

    BalasHapus
    Balasan
    1. Salam kenal juga gan. Saat ini saya menggunakan javascript yang saya buat sendiri mas.

      Untuk demo hasil dari script diatas adalah sebagai berikut : https://www.viomagz.com/p/daftar-isi.html.

      Hapus
    2. Lingnya SOS mas, bolehkan saya kasih harga secangkir kopi hehhe skrip sitemap pada blognya mas?

      Hapus
    3. https://www.viomagz.com/p/daftar-isi.html

      Itu mas, yang diatas mungkin mas nya mengcopy dengan (.) diujung tulisan.

      Hapus

PENTING!
1. Berkomentarlah dengan topik yang relevan dan tidak melakukan SPAM
2. Mohon untuk tidak memasukkan link aktif
3. Komentar anda akan dimoderasi terlebih dahulu sebelum dipublikasi.