Cara Menambahkan Widget Daftar Isi Di Halaman Statis Template Viomagz

Widget daftar isi ini sanggup dibilang sangat penting untuk sebuah website atau blog, alasannya yakni akan memperlihatkan semua label atau kategori seluruh konten dalam blog per label, yang tentunya akan sanggup membantu pengunjung blog atau pembaca biar sanggup menemukan artikel lainya, dan setiap klik kategori yang dipilih akan menampilkan judul artikel-artikel lain yang terkait dalam label kategori.

Nah, bagi anda yang kebetulan pengguna template blog Viomagz, yang ingin menampilkan widget sajian daftar isi di halaman statis, maka anda sanggup membuatnya dengan mudah.

Widget daftar isi ini memakai isyarat JavaScript buatan dari dte.web.id yang sudah di modifikasi tampilannya oleh mas sugeng, biar menjadi pas kalau di gunakan untuk template VioMagz. Selain itu widget daftar isi di halaman statis template VioMagz ini, merupakan versi terbaru dari mulai versi 2.6 ke atas.

Langsung sajah dibawah ini yakni langkah-langkahnya yang sanggup anda lakukan.

Menambahkan Widget Daftar Isi di halaman Statis Template Viomagz

1. Login ke Blogger.
2. Pilih menu Halaman.
3. Klik Buat Halaman baru.
4. Ganti pilihan mode editor dari “Compose” menjadi HTML.
5. Kasih judul, misaalnya “Daftar Isi“ kemudian pasang isyarat dibawah ini, di bab konten.
6. Jangan lupa ganti isyarat yang dikasih warna merah dengan alamat Url blog Anda.
7. Terahkir Klik simpan.

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

Sebagai Contoh Tampilanya anda bisa Lihat disini.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: