Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren, saya telah menyediakan Tutorial Blog lengkap seperti Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

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

DAFTAR ISI, Table of Content (ToC), atau Peta Situs Sitemap adalah halaman blog berisi indeks atau daftar posting. Contohnya bisa dilihat di Sitemap.

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

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

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

Anda masih bisa utak-atik atau edit warnanya di kode css. Model sitemap blogger ini dinamakan 'Tabel Konten Akordion dengan Sortir Label' karena disortir berdasarkan kategori posting.

Cara Membuat Daftar Isi (Sitemap) Blog Accordion

1. Buat halaman baru: Page > New Page

2. Klik mode HTML

3. Copas kode 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="Accordion TOC by Taufik Nurrohman">&#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 kode jQuery seperti ini:

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

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

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

Cara Menampilkan Link Sitemap Blogger di Menu

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

Demikian Cara 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).*

Demikianlah Artikel Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

Sekian Tutorial dari Blogrenanda Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

Anda sedang membaca artikel Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2016/08/cara-membuat-daftar-isi-sitemap-blog.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: