Cara membuat Daftar Isi di blog

Di bawah ini adalah cara memasang widget daftar isi di halaman statis pada pada blogger

Widget daftar isi ini menggunakan kode JavaScript buatan dari dte.web.id yang sudah di modifikasi tampilannya

Langsung saja berikut langkah-langkahnya:

  • Login ke Blogger > Masuk ke menu “Halaman
  • Klik tombol “Halaman baru” untuk membuat halaman statis baru
  • Selanjutnya ganti mode editor dari “Compose” menjadi “HTML
  • Masukan judul halaman (contoh: “Daftar Isi“)
  • Masukan kode di bawah ini pada bagian konten:

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

  • Ganti https://www.edukasiku.com/ URL blog milik sobat
  • Terkahir klik “Simpan tema
  • Contoh tampilan daftar isi bisa dilihat di sini 

Tags: