Cara Dan Metode Menciptakan Daftar Isi (Sitemap) Blog Accordion Keren

Cara dan metode Membuat Daftar Isi (Sitemap) Blog Accordion Keren Berdasarkan Label/Kategori.

DAFTAR ISI, Table of Content (ToC), atau Peta Situs Sitemap yakni halaman blog meliputi indeks atau daftar posting. Contoh dan Penjelasan nya dapat dilihat di Sitemap.

Fungsi widget daftar isi ini sebagai internal link dan navigasi blog yang memudahkan pembaca mencari goresan pena yang dibutuhkan. Halaman statis sitemap ini dapat meningkatkan pageviews.

Banyak sekali jenis desan tampilan sitemap/daftar isi blogger, salah satunya dari DTE bernama daftar isi akordion (accordion table of content) ibarat ini:

Tampilan Daftar Isi (Sitemap) Blog Gaya Accordion  | Live Demo

Anda masih dapat utak-atik atau edit warnanya di isyarat css. Model sitemap blogger ini dinamakan 'Tabel Konten Akordion dengan Sortir Label' alasannya yakni disortir menurut kategori posting.

Cara dan metode Membuat Daftar Isi (Sitemap) Blog Accordion

1. Buat halaman baru: Page > New Page

2. Klik mode HTML

3. Copas isyarat berikut ini:

<link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Cara dan metode dan metode Membuat Daftar Isi (Sitemap) Blog Accordion Keren">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://contohblognih.blogspot.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>

Catatan: Pastikan di template blog Anda sudah ada link ke isyarat jQuery ibarat ini:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Jika belum ada, pasang di atas isyarat </head>

4. Ubah alamat blognya.
5. Save! Beres.

Cara dan metode Menampilkan Link Sitemap Blogger di Menu

Untuk menampilkan di Navigasi Menu silakan ikuti panduan ini: Cara dan metode Menampilkan Link Halaman Statis di Navigas Menu Blog.

Demikian Cara dan metode Membuat Daftar Isi (Sitemap) Blog Accordion Keren. Good Luck & Happy Blogging! Jenis tampilan daftar isi lainnya lihat Widget Daftar Isi Blog. (http://www.contohblog.com).*

Sumber http://www.contohblog.com/

Artikel Terkait

Cara Dan Metode Menciptakan Daftar Isi (Sitemap) Blog Accordion Keren

4/ 5

Oleh Unknown

Unknown Agustus 30, 2016