Cara Membuat Halaman Daftar Isi di Blog Template VioMagz
Cara Membuat Halaman Daftar Isi di Blog Template VioMagz
automabar | Halo sobat blogger. kali ini tim automobar akan berbagi tutorial pasang Halaman daftar isi di template VioMagz. Ada banyak alasan, mengapa kita sebagai blogger harus memperhatikan adanya daftar isi pada blog kita, yang pertama untuk pelayanan. Dengan adanya daftar isi, pengunjung akan lebih mudah memilih artikel sesuai dengan daftar kategori pada blog. Sebenarnya daftar isi memiliki fungsi yang sama dengan menu. Hanya saja selera para pembaca juga berbeda-beda. Ada yang lebih menyukai menjajal menggunakan tombol menu, ada juga yang suka dengan daftar isi.
Untuk kita yang tertarik memasang daftar isi pada blog, Berikut ada cara pasangnya yang bisa dicoba, khususnya untuk template VioMagz. Silahkan simak langkahnya berikut ini.
1. Pertama, Login ke Blogger > Masuk menu "Pages"
2. Pilih tombol "New page" untuk membuat halaman baru
3. Lalu, ganti tampilan editor dari "Compose" mnjadi "HTML"
4. Masukan judul halaman (Misalnya: "Daftar Isi")
5. Copy dan paste kode berikut di bagian konten:
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://automabar.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: ' – <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>
Catatan: Ubah URL yang saya kasih tanda merah, dengan URL blog mu.
Lihat hasilnya (disini)
Itulah cara membat halaman daftar isi di blog. Halaman tersebut bisa kalian linknya di bagian Daftar isi pada bagian footer template VioMagz. atau kalian bisa pasang di bagian tertentu sesuai selera.
Selain berbagi tentang cara memasang Halaman Daftar isi. Kami tim automobar juga akan berbagi cara membuat daftar isi di dalam postingan. Ingin tahu caranya?
update terus informasi terbaru di blog kami. Semoga artikel ini bermanfaat. Terimakasih :)
Hello! We are AutoMabar Team. we're ready to share all about tutorial what you need. Especially about Blogging, Game and Application
0 Response to "Cara Membuat Halaman Daftar Isi di Blog Template VioMagz"
Post a Comment