Cara Membuat Sitemap/Daftar Isi Berdasarkan Label Secara Otomatis

Tutorial blog kali ini adalah cara membuat sitemap atau daftar ini di blog berdasarkan label atau kategori yang ada pada blog secara otomatis. Widget ini sangat perlu dan bisa dikatakan wajib terpasang pada blog karena akan membantu pengunjung untuk menjelajahi peta situs atau postingan-postingan lain di blog anda.

Terkait: Membuat Daftar Isi Terbaru Tampil Sesuai Tanggal dan Bulan Terbit

Beberapa versi dan modifikasi sitemap yang bisa anda temukan di pencarian Google, mungkin saja sitemap berdasarkan kategori/label ini akan cocok dengan blog anda. Widget ini telah dimodifikasi sedemikian rupa sehingga terlihat lebih elegan dan responsive. Widget sitemap versi ini akan memberitahukan artikel terbaru pada masing-masing label yang ditandai dengan tombol ‘new’.

Tertarik untuk menerapkan widget ini di blog anda? Atau ingin mengganti jenis sitemap yang lama dengan daftar ini yang dibagikan ini? Ikuti langkah berikut.

Cara Pasang Daftar Isi Berdasarkan Kategori/Label di Blog

Widget sitemap ini biasanya dipasang pada laman statis. Untuk hasil terbaik agar terlihat lebih rapi, pasang widget ini pada halaman statis tersebut dengan main post 100%, dan cara pemasangannya sebagai berikut.

1. Login ke blogger, masuk ke dasbor blog.
2. Buat laman baru dengan mengklik menu Laman > Laman baru. Atau jika anda hanya ingin sekedar mengganti sitemap yang lama klik Edit.
3. Jangan lupa beri judul laman dengan nama “Daftar Isi” atau “Sitemap”, kemudian klik HTML.
4. Hapus seluruh kode dalam dalam laman tersebut, lalu ganti dengan kode di bawah ini.

<link rel="stylesheet" href="https://rawgit.com/bungfrangki/sitemap/master/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://www.bungfrangki.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="https://rawgit.com/bungfrangki/sitemap/master/accordion-toc-1.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Perhatikan kode di atas:

• Kode dengan tulisan tebal adalah jQuery library, jika kode ini (kode sejenis dengan versi lain) sudah ada di template blog anda, maka tidak perlu lagi menambahkan kode tersebut.
• Ganti www.bungfrangki.com dan sesuaikan dengan domain atau alamat blog anda.

5. Langkah terakhir ialah klik tombol Publishkan atau Perbarui. Jangan lupa untuk melihat hasilnya dengan membuka laman tersebut.

Demikian tips tentan cara membuat sitemap berdasarkan kategori atau label secara otomatis di blog. Semoga membantu dan selamat mencoba.