✔ Cara Menciptakan Daftar Isi Di Blog

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

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

Langsung saja berikut langkah-langkahnya:

• Login ke Blogger > Masuk ke sajian “Halaman“
• Klik tombol “Halaman baru” untuk menciptakan halaman statis baru
• Selanjutnya ganti mode editor dari “Compose” menjadi “HTML“
• Masukan judul halaman (contoh: “Daftar Isi“)
• Masukan isyarat di bawah ini pada bab 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 

Bagikan Artikel ini